()上的jQuery不起作用

Question

我在我的网站上动态生成按钮.为了检测click这些元素的状态,我相信你需要使用jQuery on().我尝试了以下但它似乎不起作用.难道我做错了什么？

$('.press').on('click', function() {
    alert('clicked'); //Does not trigger on dynamic elements
});

当您查看我的JSFiddle时,请注意单击动态生成的按钮不会产生结果.

Answer 1

当你想委托事件处理时,选择器会继续包含动态元素的元素(一直到document),第二个参数.on是选择器:参见文档

$(document).on('click', '.press', function () { ...

我建议在使用委托时尝试使用尽可能特定的选择器,以便需要最少量的遍历.但它通常不会产生巨大的差异.