Ajax div改变了fadeOut

Question

我想：

1. 显示来自X.div的加载内容
2. 点击导航div淡出内容
3. 加载内容

4. 显示新内容

   $(document).ready(function(){
       $('#allcontent').load('data/home.html');
   
       $('.hovers').click(function() {
          var page = $(this).attr('href'); 
          $('#allcontent').fadeOut('slow', function() {
             $(this).load('data/' + page + '.html').show();
          });
          return false;
       });
   

为什么这不起作用？

这是我的小提琴：DEMO

Answer 1

我认为这部分将是：

$('.hovers').click(function() {
   var page = $(this).attr('href'); 
   $('#allcontent').fadeOut('slow', function() {
   $(this).load('data/' + page).show();
});

由于js可以加载没有引用.html或其他文件扩展名的页面。只需attr('href')即可。

剩下的部分是正确的！

另外：您需要检查源位置是否存在，您可以使用浏览器的检查器。请按 F12 然后在网络选项卡中，您可以检查每个页面加载及其HTTP代码，如果有404，则该文件不存在，您需要测试该链接。你也会在那里找到其他有用的资料。