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>

任何帮助都会一如既往地令人敬畏：o）

大卫

Answer 1

我的猜测是你真的想使用jquery ui标签：

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');

jquery内容加载问题

2 个答案: