人們如何通過jQuery模態窗口實現加載效果？

Question

我將通過ajax動態加載模態窗口中的某些信息。

我注意到其他網站上載入內容之前，一個小的循環加載動畫將出現在模式窗口中。有誰知道這種效果是如何實現的，並且可能在哪裏找到加載動畫？

感謝

Answer 1

jQuery $.ajax()方法通過允許您指定一個方法來調用ajax invoke和另一個方法來調用ajax響應。此功能的邏輯擴展是在第一個呼叫中顯示一個包含動畫gif的div，並在第二個呼叫中將其清除。這是一個例子。我在$.ajaxSetup呼叫設置我的Ajax調用默認值時，讓所有我的Ajax調用具有相同的行爲，這樣做，但你可以實現這個在$就水平有可能在不同類型的啓動/視情況停止行爲。

beforeSend: function() { 
     $('div#ajaxProcessingMessageDiv').show(); 
    }, 
    complete: function() { 
     $('div#ajaxProcessingMessageDiv').hide(); 
    } 

快樂編碼，

Answer 2

一個谷歌搜索 「的AJAX加載程序」， 「阿賈克斯負荷」， 「加載動畫」 等帶來了http://ajaxload.info/。

Answer 3

也許可以考慮使用這個jQuery插件 BlockUI

// unblock when ajax activity stops 
$(document).ajaxStop($.unblockUI); 

function test() { 
    $.ajax({ url: 'wait.php', cache: false }); 
} 

$(document).ready(function() { 
    $('#pageDemo2').click(function() { 
     $.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' }); 
     test(); 
    }); 
}); 

Answer 4

有些時候，它有用通過notificator jGrowl通知用戶。