注入(inject)内容上的 JavaScript 函数

Question

所以我很好奇，YUI3 PJAX 是如何工作的。例如，在使用时，即使您使用 yui3-pjax 类将 anchor 注入(inject)页面并单击它 - 这也会运行 AJAX 功能。

我的问题是，它是否使用 Promise 或者什么来确定 anchor (包括注入(inject)的 anchor )是否具有该类？

我有一个用于观察站点突变的函数，我在页面中已存在的 yui3-pjax anchor 的点击事件上调用它，但我也希望它在 yui3-pjax anchor ，我动态加载到页面中，而无需调用该函数。

Answer 1

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

您可以使用.on()带有选择器参数。例如:

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

明显的缺点是，对最高共同祖先的每次点击都会得到处理。然而，好处是，由于点击是在那里捕获的(而不是在元素本身上)，因此您不必担心重新绑定(bind)事件。