MagicSuggest加載圖像

Question

這確實是一個很棒的插件，但恐怕它不支持ajax請求的加載圖像。我嘗試使用「ajaxSend」事件綁定它，但沒有運氣。 我想：

<div id="loading"><img src="loading.gif"/></div> 
ms1 = $('#ms1').magicSuggest({ 
         data: ajaxJsonUrl, 
         sortOrder: 'text', 
         valueField: 'text', 
         displayField: 'text', 
         maxDropHeight: 200}); 

$('#ms1').bind("ajaxSend", function(){ 
       $("#loading").show(); 
      }); 

有沒有辦法做到這一點，我沒有注意到？

Answer 1

您可以通過使用beforeload和負載事件解決這個問題：

$(ms).on('beforeload', function(){ 
... // add your gif loader here 
}); 

$(ms).on('load', function(){ 
... // remove loader 
});