在ajax頁面加載后重新啟動函數

Question

問題是在.load()函數被觸發后，預定義的函數不會執行。

我試圖在ajax .load();之后重新啟動我的函數.load(); 功能。

這是我的示例代碼：

var myApp = {
myObj: {
    key1: value1,
    key1: value1
},
activities:{
    myFunction1: function() {
        // my activity 1
    },
    myFunction2: function() {
        // my activity 2
    }
}

$(document).ready(function() {    
    myApp.activities.myFunction1(); // This function executes    
    $('.load-next-page').load(function() {          
        // next page loaded         
        myApp.activities.myFunction1(); // This function doesn't trigger, Need to trigger this function    
    });

});

Answer 1

$(document).on("load", ".load-next-page", function(){
    myApp.activities.myFunction1();
});

每次加載文檔元素時都會觸發該函數。 如果IE8不是約束，請使用DOMSubtreeModified事件。

Answer 2

像Q一樣嘗試Promises然后使用.then()

或jquery .promise()如$( "div" ).promise().done(function() {...

你可以閱讀更多有關野兔和野兔的信息