Javascript 拥有'；忙着等待'；动画是'；位置可配置'；在jquery中？（即，显示动作的位置）

我打算有一个繁忙的等待微调器，如本文所示：-因为它是最干净、最容易实现的：

 $('#loadingDiv')
        .hide()  // hide it initially
        .ajaxStart(function() {
            $(this).show();
        })
        .ajaxStop(function() {
            $(this).hide();
        })
    ;

并将其与来自

我的页面中有多个“视图”，也就是说，可以使用相应的ajax调用更新/修改页面的不同部分

我想把这个

#loadingDiv

放在“动作所在”附近。我该怎么做呢

我想到的几件事：

在所有地方都有多个div，并将它们隐藏起来，然后根据相应的操作按元素显示它们-看起来既幼稚又浪费

用一个空的

来“保持”

#loadingDiv

-在该范围内发生某些事情时显示它。但是我不知道怎么做

还有别的吗

基本上，如何最好地处理位置忙等待/信令，而不是单一的全局等待/信令？还是首选单一全局选项，即在页面顶部/中心为每个活动显示一个“固定”的隐藏div

---

我只是想知道你们中的大多数人都用过/更喜欢哪种方法来处理类似的事情，以及你们建议我如何去做…

有一些事情需要考虑：

如果用户在加载请求时与页面的其他部分交互，是否会导致问题

在这种情况下，使用一个类似于lightbox的透明覆盖来阻止整个UI

这些动作是否微小，与应用程序的其余部分无关

使用本地定位微调器。如果是按钮，请使用微调器将按钮内容从“保存行”更改为“保存…”

如果请求很重要，但您想让用户胡闹，并且GUI很复杂

您只能覆盖部分屏幕

本地更新，非阻塞方式

用于从头开始创建微调器对象。它应该有一个.show（node）和.hide（）方法，可能还有一个.setMessage（txt）； 传递给show方法的DOM引用是用户单击的元素。通过引用，您可以使用jQuery.position（）来确定加载div的绝对位置。加载div应该放在BODY元素之后

---

为什么不使用jquery的.append函数将加载的图像附加到所需的选择器中呢。例如

var img=$（''）$（'requiredSelector'）.append（img）。。Ajax是在任何特定事件上启动的，所以在该事件中附加图像。我使用了一些指针并创建了一个本地非阻塞更新策略……它似乎在一些元素上失败了。这是我问的问题。如果您能看一看，看看是否能发现问题，那就太好了：