모든 곳에 DIV를 갖지 않고 컨트롤 옆에 스피너를 동적으로 배치하는 방법이 있습니까?

Question

다수의 드롭 다운 컨트롤이 있으며 변경 이벤트에서 Ajax getjson () 호출을 시작합니다. "로드"를 표시하려면 스피너 이미지가있는 각 드롭 다운 옆에 DIV가 있습니다.

어쨌든 나는 페이지에 하나의 스피너 div를 가질 수 있고 그 시점에서 방금 변경 한 드롭 다운 컨트롤 바로 옆에 스피너를 움직일 수 있습니다. 이런 식으로 나는 페이지에 반복하는 대신 하나의 div를 재사용 할 수 있습니다.

Answer 1

스피너를 만들거나 움직일 수 있습니다. 내가 생각하는 Ajax 요청에서 파괴하고 하나를 만들기가 더 쉽습니다 ... 웹 서비스를 요청하여 무언가를 얻을 때 이와 같은 것이 있습니다.

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

제 경우에는 부모 내부의 모든 것을 파괴하고 데이터를 되 찾을 때 교체하고 있으므로 스피너를 그 일부로 파괴합니다.