2016-09-18 5 views
0

스크립트에 여러 파일을로드하려고하면 파일이 앞에 붙지 않고 대체됩니다. 나는이body jquery에로드하여 앞에 추가

에 header.php와 banner.php 앞에 추가 할

<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> 

그리고 나는이 코드를 시도 : 여기

내 몸의 일부이다

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

하지만 헤더 덧붙였다. 본문으로 스크립트를 여러 번로드 할 수 있습니까? 당신이 .load().about-us 또는 body의 반응을 앞에 추가하려는 경우

+0

'$ ("에 대한-우리.") 클론() 부하 ("/ 부품/banner.php") prependTo ("몸");...' –

+0

당신은'의 결과를 앞에 추가하려고 .load()'body 또는'.about-us' 엘리먼트에 대한 호출? – guest271314

+0

왜 ...이 서버 측에서 시작하지 않으시겠습니까? 페이지가 클라이언트에 도착한 후에 만이 작업을 수행 할 이유는 없습니다. 단지 사용자에게 엿 같은 페이지를 보여준 다음 페이지를 작성하기 위해 두 번의 네트워크 라운드 트립이 필요합니다. –

답변

0

, .load()에 대한 $.get()을 대체합니다. .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); 
    }); 
});