为什么点击没有身体不起作用

我在页面上有多个myclass类，我使用ajax添加了更多的类

如果我这样做

$('.myclass').click(function(){ alert(1); }); 

它适用于所有非ajax附加请求，但不适用于由ajax附加的类。 对于那些有用的人

 $(body).on('click','myclass',function(){ alert(1); }); 

我的问题，为什么？

Answer 1

简要说明可以

当您使用普通事件注册模型时，它会直接将处理程序注册到目标，这些处理程序在处理程序注册执行时存在于dom中。 因此，动态添加的元素将不会获得这些处理程序。

对此的解决方案是使用事件委托，在此模型中，处理程序注册到祖先元素，当页面加载了选择器以过滤掉源元素时，该元素将出现。 这利用了事件传播 – 元素中发生的事件传播到所有祖先元素（像焦点事件这样的例外）。 因此，元素中发生的事件会传播到其中一个元素中的祖先元素，处理器被注册，然后事件源元素（event.target）及其祖先与作为第二个参数传递的选择器匹配，如果满足则处理程序已执行。 http://api.jquery.com/on/#direct-and-delegated-events

Answer 2

第一个方法遍历执行处理程序时出现的元素，因此当时找到的任何东西都被绑定。

 $('.myclass').click(function(){ alert(1); }); 

这允许的是在此点之后创建的元素被单独处理。

使用事件委派（您列出的第二种方法），您可以使用所需的选择器管理DOM中存在的所有元素。

 $(body).on('click','myclass',function(){ alert(1); }); 

如果您希望将动态元素添加到页面中，则使用事件委派的解决方案将允许您处理所有元素，无论它们何时被创建。

Answer 3

试试这段代码：

 $('.myclass').on("click", function(){ alert(1); }); 

实时是委托事件到元素，即使这个元素仍然不存在于dom中