Estou usando o comando
$("#teste").load(location.href+" #teste>*",{id : idd});
O comando atualiza os dados div
grupo e envia um parâmetro
para o mesmo.
O div
, tem class, comandos jquery
que interage com o usuário. Ao carregar a tela depois da execução do comando, e se for novamente executar o comando acima, o jquery
, estilos, etc não funcionam mais.
Exemplo:
HTML:
<div id="teste">
<input type="button" value="Clique aqui para Apagar o Resgistro 1" class="btn">Registro 1
<input type="button" value="Clique aqui para Apagar o Resgistro 10" class="btn">
<input type="button" value="Clique aqui para Apagar o Resgistro 20" class="btn">
</div>
Ao clicar em algum botão executa o código abaixo.
JS:
function() {
$.ajax({
url: "Registros.php",
data: {ta : tipoacao, dados : dados},
type: "POST"
})
.done(function(data) {
$("#teste").load(location.href+" #teste>*",{id : ta});
})
.error(function(data) {
});
});
Resultado (clicou para apagar o Registro 1)
<div id="teste">
<input type="button" value="Clique aqui para Apagar o Resgistro 10" class="btn">
<input type="button" value="Clique aqui para Apagar o Resgistro 20" class="btn">
</div>
Mostra sem o registro 1, mas ao clicar novamente em algum botão não chama mais o ajax, não tem mais estilo no botão.