Question

我很幸运能够将我的解决方案放在美国服务器上，而我的观众位于斯堪的纳维亚半岛（池塘的另一边）。

这使得响应时间有点慢，当我在搜索框中使用AutoComplete时，这并不理想。

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

问题是我不知道如何在回调之前启动它。当AutoComplete搜索数据库时，aniamtion应该开始，当数据库搜索完成时，应该停止。

我的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>内。

建议任何人？

Answer 1

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

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

如何将加载gif动画应用于我的autosuggest？

1 个答案: