jquery ui オートコンプリートを作成しました。リモートサーバーからデータを取得するのに時間がかかることに気付きました。したがって、ユーザーを待たせるには、ajax ライブ検索アイコンを使用して回転させる必要があります。
問題は、それがどのように機能するかについての考えがないことです。
このコードを見つけました。
.ui-autocomplete-loading
{
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
}
Jquery UI でこれを行うには?
画像パスを適切に指定すると、自動的に追加されます。
ここでデモを見てください:デモ
.ui-autocomplete-loading {
background: white url('http://jquerymobile.com/demos/1.2.0/css/themes/default/images/ajax-loader.gif') right center no-repeat;
}
#city { width: 25em; }
私は画像のために以下のパスを与えました:
http://jquerymobile.com/demos/1.2.0/css/themes/default/images/ajax-loader.gif
テキストボックスに各文字を入力した後、サーバーからデータを取得しているときにこの画像を見ることができます。
