21

私はいたるところで検索してきましたが、誰もそれをやっているのを見ません.jQuery UIオートコンプリートを備えたある種のスピナー/ローダーを持つことは可能ですか? (1.8) データのフェッチ中に?

4

4 に答える 4

46

私の解決策は、ajax GET リクエストの処理中に入力要素で追加および削除される .ui-autocomplete-loading CSS クラスを使用することでした。

input[type='text'].ui-autocomplete-loading {
    background: url('/icons/loading.gif') no-repeat right center;
}

入力要素の外にスピナーを表示できないため、非常に柔軟なソリューションではないことは確かですが、私の場合、まさに私が探していた UX です。

于 2011-10-23T01:34:06.773 に答える
44

オートコンプリートを使用してフィールドの横にスピナー画像を配置し、最初は非表示にできるはずです。次に、コールバック関数を使用して非表示/表示します。

次に、検索オプションを使用してスピナーを表示し、開いて非表示にします。

v1.8以下

$( ".selector" ).autocomplete({
   search: function(event, ui) { 
       $('.spinner').show();
   },
   open: function(event, ui) {
       $('.spinner').hide();
   }
});

v1.9以降

$( ".selector" ).autocomplete({
   search: function(event, ui) { 
       $('.spinner').show();
   },
   response: function(event, ui) {
       $('.spinner').hide();
   }
});
于 2010-03-25T21:37:36.127 に答える
-3 
input[type='text'].ui-autocomplete-loading {

background:  url('http://www.hsi.com.hk/HSI-Net/pages/images/en/share/ajax-loader.gif')          no-repeat
 right center;

}
于 2014-02-20T10:15:06.120 に答える