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