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

Question

目前，我有一段看起来像这样的代码：

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

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

我正在考虑将此函数与'data attached'事件绑定的方法 - 是否可能？

任何其他解决方案都同样有用。

Answer 1

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

$.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);