javascript - 通过 jQuery 的 load() 加载部分页面时显示加载动画

Question

在我的网站上，我想通过 jQuery 的 load() 动态加载“页面”功能，我想添加一个加载动画。

function loadPage(){
  $("#content").load("example.html");
}

我应该把代码放在哪里来显示 <div id="loading"></div>当 jQuery 加载该内容时？？

提前致谢。

Answer 1

加载完成后使用.load()的回调函数隐藏加载div。

function loadPage(){
    $('#loading').show();

    $("#content").load("example.html", function () { //calback function
         $('#loading').hide();
    });
}