Функции reinit после загрузки страницы ajax

Question

Проблема в том, что после срабатывания функции .load() предопределенные функции не выполняются.

Я пытаюсь перезапустить мои функции после ajax .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

попробовать Promises как Q , а затем с помощью .then()

или jquery .promise() как $("div").promise().done(function() {...

вы можете прочитать больше о нем hare и hare

Answer 2

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

Каждый раз, когда элемент документа загружается, функция запускается. Если IE8 не является ограничением, используйте для этого событие DOMSubtreeModified.