Quando o documento fica pronto, $(document).ready
, eu envio uma solicitação AJAX para uma página PHP que gera uma tabela que eu coloco no meu body, mas,... abaixo dessa requisição ajax, tenho funções que mexem com eventos desta tabela, como hover
na linha, clique no botão que tá na tabela gerada, e por ai vai..), mas as funções estas relacionadas a tabela não estão funcionando, o código está OK, sem erros de sintaxe.
Quero saber se, por a tabela gerar dinamicamente, quando eu associo eventos a ela, pode ser que os eventos não são atribuídos porquê ela ainda não foi gerada ou algo do gênero?
Código da requisição ajax:
$(document).ready(function(){
$(function attform() {
$(".table").find("tbody").empty();
$.ajax({
url:"action/action.php",
method:"POST",
data:{acao:"attform"},
success: function(data){
$("tbody").append(data);
}
}); // fim ajax
}); // fim attform()
});
</script>
Logo após ele, tenho um documento js.js que basicamente tem funções como está:
$(document).ready(function () {
$(".modificar").hover(
function () {
these = $(this);
$(these).parent().css("background-color", "blue");
},
function () {
$(these).parent().css("background-color", "white");
});
});
Veja que, $(".modificar")
, é uma classe de um botão que vai ser gerado dinamicamente pela requisição ajax que fiz ali em cima..
.on()
for usado