2

私の聴衆がスカンジナビア（池の反対側）にいる間、私は私のソリューションを米国のサーバーに置くことができてとても幸運です。

これにより、応答時間が少し遅くなり、検索ボックスにオートコンプリートを使用している場合は理想的ではありません.

ユーザーにフィードバックを提供するために、読み込み中のアニメーション GIF を表示したいと考えています。

問題は、コールバックの前に開始する方法がわからないことです。アニメーションは、AutoComplete が DB を検索するときに開始し、DB 検索が完了すると停止します。

私のjavascriptは次のようになります。

jQuery(document).ready(function() {
    var options = autosuggestOptions();
    var response = new bsn.AutoSuggest('mySearchBox', options);
});

  function autosuggestOptions()
  {
    var options = {
        script:"wp-content/themes/test/include/someFile.php?",
        varname:"input", minchars: 2, delay: 200, json:true, maxresults:15, timeout: 5000,
          callback: function (obj) { (.. do stuff here ..) }
    };
    return options;  
  }

私のアニメーション gif は の中にあり<div class="loader"></div>ます。

提案は誰ですか？

4

1 に答える 1

2

のすぐ内側autosuggestOptions()で、div を表示します。次に、コールバック内で非表示にします。

function autosuggestOptions() {
  // Show the loader
  $(".loader").fadeIn();
  var options = {
    callback: function(obj) {
      /* Safe to hide the loader */
      $(".loader").fadeOut();
    }
  };
}
于 2010-01-29T18:57:48.363 に答える