javascript - 运行默认 jQuery 函数后运行 Javascript 函数

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 6 年前。

在 jQuery 中；一旦特定函数运行，我将如何执行该函数。例如;每次.text()运行后，无论上下文如何，我都可以运行函数吗？

在这个具体示例中，我希望听 .append() ，原因是当新元素放置在屏幕上时我需要重新注册事件监听器。 (即 btn 点击事件监听器)。

我怎样才能做到这一点？让我们使用refreshEvents()作为示例函数。

Answer 1

完成您想要的操作的正确方法可能是使用事件委托(delegate)，如 Event binding on dynamically created elements? 中所述。 。例如。改变

$(".search-btn").on("click", function() {
    ...
});

至:

$("#container").on("click", ".search-btn", function() {
    ...
});

将 #container 替换为包含所有动态添加的搜索按钮的静态元素的选择器。

但是要展示如何执行您所要求的操作，您可以执行以下操作:

(function(oldappend) {
    $.fn.append = function() {
        var result = oldappend.apply(this, arguments);
        refreshEvents();
        return result;
    };
})($.fn.append);

这会将 jQuery .append() 方法的原始值保存在局部变量 oldappend 中，然后将其重新定义为一个调用原始函数的函数，然后调用你的函数。