在jquery中使用.load时加载动画

Question

我有一个问题，我自己无法解决。

我正在使用jquery .load加载.html页面，并希望在加载页面时加载图像。当我在不加载HTML页面的情况下运行页面时，它工作得很好，然后它工作得很好。我试图将加载函数放在加载的html文件中，但即使页面已完全加载，它也永远不会结束。

我的代码如下所示：

 $(window).load(function(){
 $('#loading').fadeOut(2000);
 });

$(document).ready(function() {
$('.menuBtn').click(function(event) {

$("#slidePage").load($(this).attr('name'));

$('#mainPage').animate({"right": "100%"}, function(){
         $("#mainPage").hide();
    }); 
});

我试图在.html和主文件中加载div，同样的问题。

谢谢！

Answer 1

似乎你正在寻找这样的东西 -

$('#loading').fadeIn(2000);
$("#slidePage").load($(this).attr('name'),function(){
 $('#loading').fadeOut(2000);
});