有没有一种方法可以动态地将微调器放在控件旁边，而不是让 div 到处都是

Question

我有许多下拉控件，在更改事件上它会启动 ajax getJSON() 调用。我在每个下拉菜单旁边都有一个带有旋转图像的 div，因为我想显示“正在加载...”，因为某些 ajax 调用的成本很高。

无论如何，我可以在页面上只放置一个微调器 div，然后让微调器移动到我刚刚更改的下拉控件旁边。这样我就可以重复使用一个 div，而不是在页面上一遍又一遍地显示它们。

Answer 1

您可以创建一个微调器，或移动它。我想，在 ajax 请求上销毁和创建一个会更容易......在调用 Web 服务来获取某些内容时，我会遇到类似的情况。

$(document.createElement("img"))
  .attr({ "src": "/Ajax/Spinner.gif" })
  .insertAfter(dropDownElementThatWasJustClicked);

就我而言，我会销毁该父级内部的所有内容，并在取回数据时替换它，因此它会破坏旋转器作为其中的一部分。