加载并添加到主体jQuery

Question

当我尝试将多个文件加载到脚本中时，它不会前置，而是替换。

这是我的身体部位：

<body class="about-us Home-two Home-three">
<!-- jquery
============================================ -->
<script src="/assets/js/vendor/jquery-1.11.3.min.js"></script>
<!-- bootstrap JS
============================================ -->
<script src="/assets/js/bootstrap.min.js"></script>
<!-- wow JS
============================================ -->
<script src="/assets/js/wow.min.js"></script>
<!-- price-slider JS
============================================ -->
<script src="/assets/js/jquery-price-slider.js"></script>
<!-- meanmenu JS
============================================ -->
<script src="/assets/js/jquery.meanmenu.js"></script>
<!-- owl.carousel JS
============================================ -->
<script src="/assets/js/owl.carousel.min.js"></script>
<!-- scrollUp JS
============================================ -->
<script src="/assets/js/jquery.scrollUp.min.js"></script>
<!-- plugins JS
============================================ -->
<script src="/assets/js/plugins.js"></script>
<!-- Nivo slider js
============================================ -->
<script src="/assets/custom-slider/js/jquery.nivo.slider.js" type="text/javascript"></script>
<script src="/assets/custom-slider/home.js" type="text/javascript"></script>
<!-- main JS
============================================ -->
<script src="/assets/js/url.js"></script>
<script src="/assets/js/main.js"></script>
<script type="text/javascript">
    $(function() {
        getPage(url('2'));
    });
</script>
</body>

我想在其中添加header.php和banner.php

我尝试了这段代码：

$(".about-us").load("/parts/header.php").prependTo("body");
$(".about-us").load("/parts/banner.php").prependTo("body");

但仅添加标题。 如何将多个脚本加载到正文中？

Answer 1

如果您尝试将.load()响应.load() .about-us或body ，请用$.get()代替.load() 。 .load()替换现有内容。

$.when($.get("/parts/header.php"), $.get("/parts/banner.php"))
.then(function(header, banner) {
  $.each([header.shift(), banner.shift()], function(index, content) {
    $(".about-us").prepend(content);
  });
});