javascript - 如何获取使用 jQuery 添加的元素以遵循我应用于类的操作？

Question

我发现，当我使用 jQuery 向页面添加某些内容(通过 .append )时，我设置的类操作似乎不适用于新元素。
例如，在我的 $(document).ready 函数中，我将添加一个 $(".clickable").click(doSomething) 它适用于任何东西它在调用之前就在页面上，但是如果我附加带有 clickable 类的内容，那么即使新元素具有 clickable 类，它也将不可单击。

当我发帖时，我尝试并意识到我可以通过添加 elament 后调用 $(".clickable").click(doSomething); 来解决这个问题，但这只是让它对于我添加的每个元素，请多次调用 doSomething 。
换句话说，如果我在单击可单击类时添加了 5 个元素，则 1 次单击将连续调用 doSomething 5 次。

我想知道是否有更优雅的解决方案，这样我就不必每次添加 elament 时都记忆起任何 jQuery 操作，也许有比追加更聪明的方法？

Answer 1

确实有更好的解决方案。使用on为具有 clickable 类的当前和 future 元素附加事件处理程序的方法。

$('body').on('click', '.clickable', function() {
    ..
});