如何使jQuery显示在执行功能时加载图片？

Question

如何让jQuery显示在执行功能时加载图片？

Answer 1

我猜你正在执行一些异步操作。也许$ .ajax？这是一段代码：

$('<div class="loading">loading ... </div>').appendTo(document.body);
$.ajax({ 
 url: "...",
 complete: function () {
    $("div.loading").remove();
 },
 success: function() {
   //....
 }
}

Answer 2

如果您在ajax调用运行时尝试阻止UI。你应该看一下jQuery BlockUI。我在移动应用程序中使用它并且运行良好。您可以添加文本和gif图像来自定义阻止屏幕。