动态添加div标签并在div标签内插入ajaxStart函数内的加载gif图像

Question

如何在所有HTML网页中动态显示加载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();
});