動態加載一個html模板到一個現有的動態加載div

Question

我必須動態加載一個html模板到index.html。現在我想將另一個html模板加載到之前加載的模板代碼中。

換言之：負載儀表盤模板 指數，儀表板具有 <div id='sidebar'>這將在裝載有側邊欄模板

$("body").load("dashboard.html"); 
$(document).on('click', '#sidebar', function(){ 
    $("#sidebar).load("sidebar.html"); 
}); 

上面的代碼需要手動點擊側邊欄加載到頁。我希望它在頁面加載時自動加載（儀表板和邊欄）

我正在使用jQuery。好心幫

Answer 1

要做到這一點，把第二load()呼叫在第一的回調，使後dashboard.html內容已經添加到DOM它的執行。

$("body").load("dashboard.html", function() { 
    $("#sidebar").load("sidebar.html"); 
});