javascript - 在页面加载时将多个 HTML 页面导入到单个 div 中

Question

我正在尝试将多个 HTML 外部页面导入到单个 div 中。例子:我是page1.HTML，page2.html等等。我有这段 JQuery:

<script type="text/javascript">
$(document).ready(function() {
$('.main').load('page1.html');
});
</script>

这工作正常，除了我不知道如何添加多个页面以在页面加载时导入到同一个 div 中。

谢谢我的 friend 们。

Answer 1

如果你想要多个，那么你不能使用负载。使用 $.get 代替并指定回调将它们添加到 div:

var pages = ['page1.html', 'page2.html', etc..],
    $main = $('.main'),
    doLoad = function () {
        if(pages.length > 0) {
          // use shift to get the next page off the array
          $.get(pages.shift(), function(content) {
              // append content to .main
              $main.append(content);
              // call do load to get the next entry
              doLoad();
          });
        }
    };

doLoad();