jQuery 的点击事件

Question

为什么这段代码不起作用？

jQuery(".ui-accordion-header").on("click", function(event){ ... }

这个有效吗？

jQuery(document).on("click", ".ui-accordion-header", function(event){ ... }

谢谢。

Answer 1

第一行仅在 dom 中已存在 .ui-accordion-header 时才有效。有时元素是动态创建并插入到 dom 中的。在这种情况下，监听器不会绑定(bind)到新创建的元素。

第二种方式有效的原​​因是监听器绑定(bind)在文档级别。因此，每当文档内发生任何新更改时，监听器仍然处于绑定(bind)状态。