Block UI旋轉預加載器

我想知道是否有人可以擺脫我對如何使用jQuery Block UI插件添加旋轉預加載器（如蘋果使用）的瞭解。在加載AJAX內容之前，預加載器必須旋轉。 Block UI有可能嗎？Block UI旋轉預加載器

任何方向將是有益的，謝謝！

2011-05-16 Chad

是的，這是可能的。你可以在你想使用本網站的任何樣式您的網站上添加預加載...

UPDATE：

進一步詳情，請參閱本...

2011-05-16 18:44:15

感謝您的鏈接，我想更像是一個自定義的書面使用jQuery Block UI – Chad 2011-05-16 18:49:20

從網絡上找到一個很好的動畫片斷圖像，如下所示： throbber

設置一個隱藏的throbber div來顯示它。

<div id="throbber" style="display:none;"> 
    <img src="/img/busy.gif" /> 
</div>

告訴blockUI使用該div作爲消息。

$.blockUI({ message: $('#throbber') });

Ajax調用完成後，殺死活動指示器：

$.ajax({ 
    complete: function(data) { 
     // kill the block on either success or error 
     $.unblockUI(); 
    } 
});

您也可以使用AJAX成功/錯誤回調對每個結果有區別地控制blockUI，而不是完整的。

2011-06-22 18:56:41 mujimu

我已經採取了mujimu提供的答案，並解決了它的一個小問題。我有同時發生的「悸動」的多種用法。我發現的是，如果在現有的解鎖之前我解僱了它，它就會搞砸了，並且停止工作。

這是我的解決方案...

function ReloadDetails(id) { 
    $('#' + id + '_Details').block({ message: $('<img src="/images/ajax-loader.gif"/>') }); 
    $.get(...); 
}

這ajaxLoaderPath由我CSHTML繞過虛擬目錄的問題提供。

2013-02-05 14:57:54

回答