按钮事件处理

Question

我有这个div，我从数据库

'<div class="column">'+ 
     '<div>'+ '<img src='+aparat.imagine+' width="150" height="140" />' +'</div>'+ 
     '<div>'+ aparat.nume + '</div>' +             //functia care le aranjeaza 
     '<div id="pret">'+ aparat.pret +'&nbsplei' + '</div>'+ 
     '<div>'+'<button data-value="'+aparat.id+'" class = "comanda">'+'Comanda!'+'</button>'+'</div>' 
     + '</div>'; 

和事件处理程序获取：

$(document).ready(function(){ 
$('.comanda').click(function() { 
     alert('button clicked'); 
     }); 
}); 

的问题是，当我按一下按钮没有任何反应，我算什么我做错了？

Answer 1

如果你的数据库中的数据加载页面完全加载后，你最好使用on，而不是click如图所示，因为有您要连接一个事件处理程序尚不元素的机会存在。

$('body').on("click", ".comanda", function() { 
    alert('button clicked'); 
});