Есть ли способ динамически поместить спиннер рядом с элементом управления вместо того, чтобы иметь divs повсюду

Question

У меня есть несколько выпадающих элементов управления, и при событии изменения он запускает вызовы ajax getJSON (). У меня есть div рядом с каждым выпадающим списком с изображением счетчика, так как я хочу отобразить «loading.», Так как некоторые из вызовов ajax стоят дорого.

Есть ли в любом случае, я могу просто иметь один div счетчика на странице и заставить счетчик двигаться прямо рядом с выпадающим элементом управления, который я только что изменил в тот момент. таким образом, я могу использовать один div вместо того, чтобы снова и снова отображать его на странице.

Answer 1

Вы можете создать спиннер или переместить его. Я думаю, что проще просто уничтожить и создать его по запросу ajax ... У меня есть что-то вроде этого, когда я звоню в веб-сервис, чтобы что-то получить.

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

В моем случае я уничтожаю все внутри этого родителя и заменяю его, когда получаю данные обратно, поэтому он уничтожает счетчик как часть этого.