Jquery 如何将正在加载的gif动画应用于autosuggest?

Jquery 如何将正在加载的gif动画应用于autosuggest?,jquery,autosuggest,Jquery,Autosuggest,我很幸运,我的解决方案在美国服务器上,而我的观众位于斯堪的纳维亚半岛(在池塘的另一边) 这使得响应时间有点慢,并且在我使用搜索框时不理想 为了给用户一些反馈,我想显示一个动画加载GIF 问题是我不知道如何在回调之前启动它。 当自动完成搜索数据库时,该操作应启动,当数据库搜索完成时停止 我的javascript如下所示: jQuery(document).ready(function() { var options = autosuggestOptions(); var respo

我很幸运,我的解决方案在美国服务器上,而我的观众位于斯堪的纳维亚半岛(在池塘的另一边)

这使得响应时间有点慢,并且在我使用搜索框时不理想

为了给用户一些反馈,我想显示一个动画加载GIF

问题是我不知道如何在回调之前启动它。 当自动完成搜索数据库时,该操作应启动,当数据库搜索完成时停止

我的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在


建议任何人?

立即在
autosuggestOptions()
中显示div,然后将其隐藏在回调中

function autosuggestOptions() {
  // Show the loader
  $(".loader").fadeIn();
  var options = {
    callback: function(obj) {
      /* Safe to hide the loader */
      $(".loader").fadeOut();
    }
  };
}

如果不是因为
autosuggestOptions()
是在
$(document.ready
(请参阅更新的代码)之后才加载的,那么这可能会起作用。