Button-Event-Handling

Question

Ich habe dieses div, dass ich aus einer Datenbank

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

und die Event-Handler am Holen:

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

Das Problem ist, wenn ich die Taste nichts passiert klicken, was sind Ich mache falsch?

Answer 1

Wenn Sie Ihre Daten in der Datenbank geladen wird, nachdem die Seite vollständig geladen ist, besser on statt click wie gezeigt verwenden würde, weil es eine Chance, dass Sie einen Event-Handler an ein Element sind angebracht, der noch nicht existieren.

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