“忙碌等待”的最佳方式是动画是“位置可配置的”在jquery中？ （即，显示操作在哪里）

Question

我打算有一个繁忙的等待旋转器，如本文所示：如何显示在 jQuery 中加载微调器？ - 因为它是最干净且最容易实现的：

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

并将其与 http://www.ajaxload.info/

我的页面中有多个“视图”，即，我的页面的不同部分可以使用相应的 ajax 调用进行更新/修改。

我想将这个#loadingDiv“定位”到靠近“操作”的位置。我应该怎样去做呢？

想到的很少有事情：

1. 在整个地方有多个 div 并将它们隐藏并根据相应的操作在每个元素中显示它们 - 似乎天真且浪费
2. 有一个空的 来“保留”#loadingDiv - 当该范围内发生某些事情时显示它。但我不知道该怎么做...
3. 还有别的吗？

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

只是想知道你们大多数人使用/喜欢哪个选项来解决类似的问题，以及您建议我如何去做......

Answer 1

有一些事情需要考虑：

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

在这种情况下，用灯箱（如透明覆盖层）遮挡整个 UI。

这些操作是否很小，与应用程序的其余部分无关？

使用本地定位微调器。如果它是一个按钮，请更改按钮的内容，例如。使用微调器将“保存行”更改为“保存...”。

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

您只能覆盖屏幕的部分内容。 http://sfiddle.net/Lv9y5/39/

本地更新，非阻塞方式

使用 jQuery.position 从头开始​​创建 Spinner 对象。它应该有一个 .show(node) 和 .hide() 方法，也许还有一个 .setMessage(txt);
传递给 show 方法的 DOM 引用是用户单击的元素。有了参考，您可以使用 jQuery .position() 来确定加载 div 的绝对位置。加载 div 应放置在 BODY 元素之后。