há uma maneira para dinamicamente colocar um girador próximo a um controle em vez de ter divs em todo o lugar

Question

Eu tenho um número de controles suspensos e sobre o evento de alteração que começa chamadas Ajax getJSON (). Eu tenho uma div ao lado de cada suspensa imagem um spinner com como eu quero mostrar "carregamento..", Como algumas das chamadas ajax são caros.

Existe uma maneira que eu posso ter apenas uma div girador na página e ter o movimento giratório ao lado do controle suspenso que eu só mudou nesse ponto. Dessa forma eu posso reutilizar um div em vez de tê-los mais e mais na página.

Answer 1

Você pode criar um girador, ou movê-lo. É mais fácil simplesmente destruir e criar um sobre o pedido ajax Eu acho que ... eu tenho algo como isto ao chamar para um webservice para obter algo.

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

No meu caso, eu estou destruindo tudo dentro daquele pai e substituí-lo quando eu obter dados de volta, por isso destrói o spinner como parte disso.