按钮事件处理

Button event handling

本文关键字：事件处理 按钮      更新时间：2023-09-26

我从数据库中获取了这个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');
        });
});

问题是，当我点击按钮什么都没有发生，我做错了什么?

如果您的数据库数据是在页面完全加载后加载的，您最好使用 on 而不是如图所示的 click ，因为有可能您将事件处理程序附加到尚未存在的元素。

$('body').on("click", ".comanda", function() {
    alert('button clicked');
});
相关文章：