什么是“委托的 OP 概念”，它与其他委托概念相比如何？

Question

我正在解决我遇到的一些问题 $(".foo").click(function(){...你明白了...});当我通过 .load() 加载内容时，事件不再起作用。我在这里找到了解决问题的方法：jQuery, how to rebind html-elements after .load()

其中一个 cmets 表示委派的使用不正确，并提到了“OP 的委派概念”。

我想更好地理解委派的问题，而不是仅仅通过修复并继续前进。

有人可以解释或指向参考文章，这些文章解释了 javascript 中的委托概念以及“委托的 OP 概念”是什么？谷歌不是很有帮助。

编辑：在你们指出这一点之后，作为“原始海报”的 OP 完全有道理，很难看出我现在是如何错过的。因此，尽管如此，仍在为 javascript 中的委托寻找一个很好的参考。

Answer 1

我认为该评论暗示原始海报 (OP) 可能未正确使用 jQuery 委托事件绑定。很难说，因为原始帖子没有任何示例。

该帖子中有效的解决方案是在 ajax 加载完成后重新绑定所有事件。

但是，另一种解决方案是使用 jQuery on 事件绑定将元素绑定到 DOM 树中更高的永久元素，这样就不必在每次 ajax 加载时重新绑定事件。

$(document).ready(function() {

    $("#containerDiv").on('click', 'button.loadedFromAjax', function() {
       ...handle the click event of a button that is loaded via ajax...
    });

    $("#someButton").on("click", function() { 
        $("#elementToReload").load("page-to-load.html", function() {
             ...no need to bind events here since they are bound already...
        });
    });
});

根据使用情况，与重新绑定每次加载相比，这可能会带来内存和性能提升。

这个jsfiddle 展示了一个替换元素的html但不必每次都重新绑定的示例。