jquery - 在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

Seem's you are looking for something like this -

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