2012-12-24 83 views
0

我有一個菜單div和內容div阿賈克斯加載滑塊

如果我把滑塊(這是一個jQuery插件)在index.php一切正常,圖片下面

enter image description here

但我想要做的是把每個頁面的內容放在不同的文件上,例如主頁應該包含一些基本信息的滑塊,所以我把它放在home.php

現在,當我想加載它,我這樣做:

$("#nav_home").click(function(){ 
    $("#content").load('pages/home.php'); 
}); 

這裏的地方它崩潰的部分,從滑塊上方就變成這樣:

enter image description here

HTML:

<ul id = "nav"><!-- menu --> 
    <li id="nav_home"><a href="#">Home</a></li>  
</ul> 

<div id='content'><!-- content div --> 
</div> 
+0

你使用哪個插件? – Sanjeev

+0

easy slider 1.5 http://www.swgraphic.com/v2/wp-content/themes/swgraphic/js/easySlider1.5.js – RnD

+0

你在哪裏編寫滑塊代碼?如果它位於加載內容的同一頁面上,則可能需要在加載函數的回調中再次初始化滑塊。 – Sanjeev

回答

2

嘗試類似這樣:

$("#nav_home").click(function(){ 
    $("#content").load('pages/home.php', 
     function(){ 
      $("#slider").easySlider({ 
       auto: true, 
       continuous: true 
      }); 
     } 
    ); 
}); 
+0

正是我想要的,謝謝 – RnD