检测ul列表内容变化jQuery

Question

我们有一个ID为＃some-list的无序列表。在我们的Backbone实现中，当返回某些数据时，列表条目将被渲染并附加到列表中，并显示列表。

我们想要检测何时使用JQuery完成这种更改。我们使用$(#some-list).ready()和$(#some-list).load()，但看起来他们不工作。

捕捉这些变化的方法有哪些？任何人都可以在这里放一些灯

Answer 1

那么你没有发布任何代码，所以很难看到你失败的地方。
但总的来说，我会做的是在ajax回调上触发一个自定义事件（您使用ajax获取内容并将其附加到列表的右侧？）。

例如：

loadData(){ 
    // invoke the ajax request 
    var def = $.get(...); 
    def.then(function(result){ 
    // $(#ul) append(result) ... 
    // now trigger the custom event 
    $(document).trigger('listRendred'); 
    }); 
} 

现在在不同的地方或脚本，你可以听吧：

$(document).on('listRendred', function(e){ // do what ever... }) 

Answer 2

由于您使用BackboneJS你可以尝试侦听其事件。

要了解您可以使用哪些事件，请尝试以下代码（首先替换我的*占位符），然后查看浏览器的控制台。

*backboneobject*.on("all", function(e) { 
    console.log(e) 
}); 

后来才通过

*backboneobject*.on("*yourevent*", function() { 
    doStuff(); 
});