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

如何在所有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();内部的代码是什么？

谁能解释？

最佳答案

您可以使用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();
});

关于jquery - 动态添加div标签并在div标签内部在ajaxStart函数内部插入加载的gif图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26993402/