按鈕事件處理

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'); 
});