jquery content loading question

Question

Привет всем, есть ли способ изменить этот код для меня, чтобы просто показать раздел DIV вместо того, чтобы загружать каждую страницу с внешним файлом?

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

Любая помощь будет удивительным, как всегда: о)

Дэвид

Answer 1

Я думаю, что вы действительно хотите использование jquery ui tabs:

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

AJAX не означает прохладные эффекты. AJAX по определению подразумевает загрузку вещей из внешнего файла. Если вы не хотите загружаться из внешнего файла, не используйте ajax.

Если вы заинтересованы в получении JQuery и делать эффекты, проверить Jquery документы: http://api.jquery.com/category/effects/

В противном случае вы можете использовать плагин как jqueryui, чтобы получить то, что вы хотите.

Answer 2

Вы можете загрузить определенный раздел файла с

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