上课不听事件

Question

我有这个javascript代码:

$('.get_summary').click(function(ev){
    alert("get_summary");
});

具有该类的html按钮是在javascript中动态创建的.使用firebug,我可以看到该按钮获得了类"get_summary".但是,当我点击按钮时没有任何反应.控制台中的任何错误都没有写入.

查看chrome中的"Events" - 面板,我看到按钮实际上没有收听任何事件.为什么？我在类绑定到函数的文件中放了一个警告.警报出现了.我真的不知道在哪里我应该理解为什么班级没有听这个功能.

Answer 1

当您呼叫时$('.get_summary'),它仅适用于呼叫时存在的元素.如果您稍后创建按钮,他们将不会监听该事件.

您可以做的是在父级上放置一个事件监听器:

$('.parent').on('click', '.get_summary', function(ev){
    alert("get_summary");
});