2012-09-01 63 views
0

我试图在按下链接时使用Javascript加载不同的页面。这是我用来改变页面的功能。JQuery .load和html问题

function loadPage(url){ 
    $(".body").fadeOut(400, function(){ 
     $(".body").load(url, function(){ 
      $(".body").fadeIn(400); 
     }); 
    }); 
}; 

问题是,它会将东西褪色到页面中,但是一旦完成了淡入淡出,它就会消失。该文件中的代码html仍然在主文件html中,但它不显示。

回答

1

我有一个问题,我用这个。文件在你的情况将是网址:

var loader = function(file) { 

    $('.body').fadeOut(500); 

$.ajax({ 
    url: file 

    success: function(data) { 

     $('.body').html(data); 

$('.body').fadeIn(500); 

    } 

}); 


    } 

改变了代码,试图满足你的希望做的,只是一个与背景DIV测试,它似乎工作没关系。

这与您拥有的相同吗?

Andrew

+0

如果点击一个按钮并调用该函数,这个工作是否还可以? – legobear154

+0

如果可以,你需要采取它需要的变种。我在菜单上使用按钮,但是使用div而不是实际按钮 –

+0

噢,好的,谢谢。我会尝试它:) – legobear154