javascript - JQuery .load 和 html 问题

Question

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

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

问题是，它会将内容淡入页面，但一旦淡入完成，它就会消失。文件中的代码 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 对其进行了测试，并且似乎可以正常工作。

这和你有的一样吗？

安德鲁