jQuery .load和html问题

Question

当您按链接时，我试图使用Javascript加载不同的页面。 这是我用来更改页面的功能。

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

问题是，它会将内容淡入页面，但是一旦完成fadeIn，它就会消失。 该文件中的代码html仍在主文件html中，只是没有显示。

Answer 1

我有一个问题，我用了这个。 在您的情况下，文件将是url：

var loader = function(file) {

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

 $.ajax({ 
     url: file

     success: function(data) {

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

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

  }

 });


  }

更改了代码以尝试与您的工作相匹配，仅在具有背景的div上对其进行了测试，并且看起来工作正常。

这和你拥有的一样吗？

安德鲁