私はいくつかのドロップダウンコントロールを持っており、変更イベントでajax getJSON()呼び出しを開始します。一部のajax呼び出しは高額であるため、「loading ..」を表示したいので、各ドロップダウンの横にスピナー画像のあるdivがあります。
とにかく、ページにスピナーdivを1つだけ配置して、その時点で変更したドロップダウンコントロールのすぐ隣にスピナーを移動させることができますか?このようにして、ページに何度も表示する代わりに、1つのdivを再利用できます。
私はいくつかのドロップダウンコントロールを持っており、変更イベントでajax getJSON()呼び出しを開始します。一部のajax呼び出しは高額であるため、「loading ..」を表示したいので、各ドロップダウンの横にスピナー画像のあるdivがあります。
とにかく、ページにスピナーdivを1つだけ配置して、その時点で変更したドロップダウンコントロールのすぐ隣にスピナーを移動させることができますか?このようにして、ページに何度も表示する代わりに、1つのdivを再利用できます。
スピナーを作成したり、移動したりできます。ajaxリクエストで破棄して作成する方が簡単だと思います...何かを取得するためにWebサービスを呼び出すときに、このようなものがあります。
$(document.createElement("img"))
.attr({ "src": "/Ajax/Spinner.gif" })
.insertAfter(dropDownElementThatWasJustClicked);
私の場合、その親内のすべてを破棄し、データが戻ってきたらそれを置き換えるので、その一部としてスピナーを破棄します。