javascript - 如果更多元素具有此类，则 .click 函数不适用于类

Question

这很好用:

$('.classname').click(function() {
  alert('');
});
<div class="classname">Click me!</div>

但这不是:

$('.classname').click(function() {
  alert('');
});
<div class="classname">Click me!</div>
<div class="classname">Click me!</div>

我该如何解决这个问题？感谢您的帮助!(标签中的脚本，.click 在文档就绪函数中)

Answer 1

试试这个:

$('PARENTNODE').on('click', '.classname', function() {
  alert('');
});
<div class="classname">Click me!</div>
<div class="classname">Click me!</div>

元素是在附加点击处理程序后添加的。通过使用 .on()，您也可以为 future 的元素启用它。

将 PARENTNODE 替换为您要委托(delegate)给的父级(例如 body)