JQuery .load () torna o conteúdo não clicável após o carregamento
Tenho uma página na qual tenho uma div. O conteúdo dessa div está sendo preenchido por uma página de inclusão e essa página inclui uma chamada para um banco de dados para recuperar o conteúd
Quando um usuário clica em um botão 'adicionar tarefa', é feita uma chamada ajax para inserir conteúdo em um banco de dados e a div que mostra todas as tarefas é atualizada com .load (). O mesmo processo ocorre para 'remover tarefa'; é feita outra chamada ajax que exclui uma linha de um banco de dados e a div é atualizada usando .load ().
Estou vendo as inserções e exclusões na minha tabela de banco de dados, mas o front-end é um pouco complicado. Quando a página é carregada pela primeira vez, eu posso executar um número ilimitado de ações 'add' e todas as novas tarefas aparecem na div. No entanto, só posso executar uma ação 'excluir'; após a primeira tentativa, não consigo selecionar um elemento da div.
Aqui está o código 'add':
$("#accept_new_task").click(function(){
jQuery.ajaxSetup({async: false});
//Make ajax call
$.post("[url]", { [data] },
//If successful, add a new item to task list and clear input
function(data) {
//Clear input
$("#new_task_name").val('');
$("#new_task_description").val('');
//Show new task
$('#newly_added_tasks').load('[page on server]', function() {
});
});
jQuery.ajaxSetup({async: true});
});
E o código 'delete':
//Deletes recently added task
$(".newtask").click(function(){
alert('!'); //to test
var val = $(this).attr('value');
jQuery.ajaxSetup({async: false});
//Make ajax call
$.post("[url]", { [data] },
//If successful, refresh div
function(data) {
$('#newly_added_tasks').load('[page on server]', function() {
alert('Load was performed.');
});
});
jQuery.ajaxSetup({async: true});
});
O conteúdo que está sendo carregado é uma tabela gerada com o conteúdo extraído de uma chamada ao banco de dados. Aqui está um trecho:
<td>'.$task[$i]['name'].'</td>
<td>'.$task[$i]['description'].'</td>
<td><input type="button" class="newtask" name="accept_new_task" id="task_'.$task[$i]['task_id'].'" value="'.$task[$i]['task_id'].'"></td>
Qualquer ajuda seria apreciada