如何在 js / jquery 中绑定“数据追加”事件

How do I bind a "data appended" event in js / jquery?

本文关键字:数据 追加 数据追加 事件 绑定 js jquery      更新时间:2023-09-26

目前,我有一段代码看起来像这样:

$("#somediv").append(data);
somethingToDoAfterDataAppended();

似乎数据是异步追加的,因此在实际附加数据后不一定调用下一个函数。

我在考虑一种将此函数与"数据追加"事件绑定的方法 - 可能吗?

任何其他解决办法也同样有用。

很简单。您可以更改追加方法并在此处插入特殊事件的触发器。

$.fn.append = (function(old){
   return function(){
       $(this).trigger('beforeAppend'); // if needed
       var result = old.apply(this,arguments);
       $(this).trigger('afterAppend');
       return result;
       }
    })($.fn.append);

在初始化逻辑中的某个地方:

$("#somediv").bind('afterAppend',somethingToDoAfterDataAppended);

和:)

("#somediv").append(data);