注入内容的JavaScript函数

Question

所以我很好奇，YUI3 PJAX是如何工作的。例如，在使用时，即使您使用yui3-pjax类将锚点注入到页面中并单击它 - 这将运行AJAX函数。

我的问题是使用Promise还是确定锚点（包括注入的锚点）是否具有类？

我有一个观察站点突变的函数，我在页面中已存在的yui3-pjax锚点的click事件上调用它，但我也希望它在yui3-pjax个锚点上运行我动态加载到页面而不必调用函数。

Answer 1

使用jQuery来简化示例代码，类似的解决方案也可以用vanilla Javascript编写。

您可以将.on()与选择器参数一起使用。例如：

$('body').on('click', '.class', function(e) {
    e.stopPropagation(); //Stop multiple possible triggers from the same click
    //TODO: Rest of code
});

明显的缺点是你的最高共同祖先的每次点击都会得到处理。然而，好处是因为点击被捕获（不是元素本身），你不必担心重新绑定事件。