jquery - 有没有办法动态地将微调器放在控件旁边，而不是让 div 到处都是

Question

我有许多下拉控件，并在更改事件中启动 ajax getJSON() 调用。我在每个下拉列表旁边都有一个带有微调器图像的 div，因为我想显示“正在加载......”，因为一些 ajax 调用很昂贵。

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

Answer 1

您可以创建微调器或移动它。在我认为的 ajax 请求上销毁和创建一个更容易......我在调用 web 服务以获取某些东西时有这样的东西。

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

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