jquery - 动态添加一个 div 标签，并在 div 标签内插入一个正在加载的 gif 图像，在 ajaxStart 函数内

Question

如何在所有HTML网页中动态显示loading gif图片？

var loading = $(' <div id="loading">  <img src="../img/loading%20(1).gif" id="loading-image" alt="Loading..." /> </div>');

$(document).ajaxStart(function () {
});

$(document).ajaxStop(function () {
});

.ajaxStart(); 和 .ajaxStop(); 的内部代码是什么？

谁能解释一下？

Answer 1

您可以使用 append添加元素

$( ".your-div-class" ).append( loading );

和remove删除它。

$( "#loading" ).remove();

最终代码应该是:

var loading = $(' <div id="loading">  <img src="../img/loading%20(1).gif" id="loading-image" alt="Loading..." /> </div>');

$(document).ajaxStart(function () {
    $( ".your-div-class" ).append( loading );
});

$(document).ajaxStop(function () {
    $( "#loading" ).remove();
});