jQuery - 元素加載後的火災事件

Question

我必須編輯現有的Web應用程序。我的問題是，我沒有從應用程序本身編輯腳本的權限。我剛剛得到了一個custom.js。

有關webapp的一些背景信息。它通過Ajax生成一些HTML元素（縮小的JS）。我的任務是隱藏其中一個元素。我的問題是，當我嘗試從我的custom.js中隱藏它時，它還沒有生成。所以我的問題是，是否是一個好方法，等待元素被加載？

我已經試過：

$(document).on("load", ".testLoad", function() { 
    console.log('Finally loaded'); 
}); 

不幸的是，這是不是爲我工作。

setTimeout(function(){ 
     $('.testLoad').hide(); 
    }, 5000); 

這是工作，但不是最乾淨的解決方案。

Answer 1

在你的情況下，或者你可以設置一個突變觀察者，或者您可以使用.ajaxComplete()方法：

$(document).ajaxComplete(function(event, xhr, settings) { 
    if (settings.url === "the/url/") { // you can check the url which is causing 
    console.log('Finally loaded');   // the new elements to be created. 
    } 
});