Javascript 将html模板动态加载到现有动态加载的div中

我必须将html模板动态加载到index.html中。现在我想将另一个html模板加载到以前加载的模板代码中

换言之： 使用仪表板模板加载索引，仪表板已

将使用边栏模板加载

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

上面的代码需要手动单击才能将侧边栏加载到页面中。我希望在页面加载时自动加载（仪表板和侧边栏）

---

我正在使用jQuery。请帮助执行此操作，将第二个

load（）

调用放入第一个调用的回调中，以便在将

dashboard.html

内容添加到DOM后执行

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