jquery內容加載問題

嘿所有，有無論如何修改此代碼，我只是顯示一個DIV的部分，而不是加載每個頁面與外部文件？jquery內容加載問題

<script type="text/javascript">    
     $(document).ready(function(){    
      $('.ezjax').ezjax({ 
       container: '#ezjax_content', 
       initial: 'modules/one.html', 
       effect: 'slide', 
       easing: 'easeOutBounce', 
       bind: 'a' 
      });    
     });   
</script> 

<a class="ezjax" href="modules/one.html">Page One</a>&nbsp;|&nbsp; 
<a class="ezjax" href="modules/two.html">Page Two</a>&nbsp;|&nbsp; 
<a class="ezjax" href="modules/three.html">Page Three</a> 

<div id="ezjax_content"> 
<!-- THIS IS THE CONTAINER WHERE THE CONTENT WILL BE LOADED -->  
</div>

這是我想要做什麼：

<a class="ezjax" href="page1">Page One</a>&nbsp;|&nbsp; 
<a class="ezjax" href="page2">Page Two</a>&nbsp;|&nbsp; 
<a class="ezjax" href="page3">Page Three</a> 

<div id="ezjax_content"> 
     <div id="page1"> 
      <!-- THIS IS THE CONTAINER WHERE THE CONTENT WILL BE LOADED --> 
     </div> 

     <div id="page2"> 
      <!-- THIS IS THE CONTAINER WHERE THE CONTENT WILL BE LOADED --> 
     </div> 

     <div id="page3"> 
      <!-- THIS IS THE CONTAINER WHERE THE CONTENT WILL BE LOADED --> 
     </div>  
</div>

任何幫助將是真棒一如既往：O）

大衛

來源

2010-06-21 StealthRT

跆拳道是ezjax特定部分??? – Jason 2010-06-21 23:00:34

http://www.fluidbyte.net/index.php?view=simple-ajax-content-changer-with-ezjax – StealthRT 2010-06-22 01:21:15

我的猜測是，你真的想使用jquery ui標籤：

http://jqueryui.com/demos/tabs/

AJAX並不意味着很酷的效果。按照定義，AJAX意味着從外部文件加載事物。如果你不想從外部文件加載，請不要使用ajax。

如果您有興趣學習jQuery和做的效果，檢查了jQuery的文檔：

否則，您可以使用插件像jQueryUI的得到你想要的東西。

來源

2010-06-21 23:03:48 Mark

是的，標籤的東西是我正在尋找，但不確定如何做彈性效果爲新的div的每個負載。 – StealthRT 2010-06-22 01:18:35

是的，我不認爲UI支持寬鬆。我的建議是不要使用寬鬆，因爲它在標籤中是相當多餘的。 – Mark 2010-06-22 02:23:28

可以加載文件與

$('#result').load('ajax/test.html #container');

來源

2010-06-21 23:04:15

爲什麼這是downvoted？ – Jason 2010-06-21 23:06:24

jquery內容加載問題

回答

相關問題