動態加載HTML/Javascript

Question

我有一個index.html頁面，我想使用jQuery將另一個頁面的內容加載到index.html。我使用$ .load（）函數來做到這一點：

$('#dynamic_content').load('another.html #toLoad') 

它工作正常，但我也需要加載使用another.html JavaScript文件，所以我做的：

$('#dynamic_content').load('another.html #toLoad'); 
$.getScript('js/another.js'); 

問題是「another.js」有時不「適用」於html頁面的js代碼（也許它比加載HTML頁面更早） 內容another.js的：

$(document).ready(function {} { 

    $('#cancelButton').click(function() { 
     //do something 

}); 

}); 

Answer 1

使用成功回調：

$('#dynamic_content').load('another.html #toLoad', function() { 
    $.getScript('js/another.js'); 
}); 

這樣，如果another.js從another.html操縱動態加載的內容將保證此內容已被注入到當前的DOM樹。