如何正確使用加載動畫阻止div

-1

我有一個我正在調用的ajax函數。雖然Web服務器正在攪亂Assynchronous請求，但我想阻止div，因此用戶在查看時不會按任何按鈕或其他任何按鈕，這一請求正在進行中...我之前完成了此操作，並且您只需選擇您想用動畫屏蔽潛水，調用.block，然後當值成功返回時，您只需解除封鎖。是這樣的...如何正確使用加載動畫阻止div

function animateSpinner() { 
    $("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' }); 
};

，然後只需撥打

$("#list").unblock({ message: '<img src="../../Images/ajax-loader.gif" />' });

，一旦你成功返回。
但是，每當我嘗試執行此操作時，我都會收到此異常... enter image description here

這是用於解除阻止部分。我忘了發表評論（我只是測試了這個AJAX部分
這些調用應該包裝在一個document.ready或其他東西，以確保它們應該被調用我最近有問題與AJAX提交沒有因爲它們沒有被包裝在$（document）.ready調用中，我想看看這是另一個什麼時候應該包裝的實例？

來源

2012-12-04 SoftwareSavant

第一個錯誤是使用IE來測試任何東西，第二個錯誤是，沒有方法在jQuery中稱爲塊或解鎖。 – adeneo

沒有jQuery方法'block'或'unblock'。請參閱：http://api.jquery.com/?ns0=1&s=block你想做什麼？你從哪裏得到這些函數名稱？ – feeela

你是否想過blockUI？這是一個jQuery插件記錄在這裏：http：//www.malsup.com/jquery/block/ - 但沒有jQuery函數叫做block（），所以你得到一個錯誤並不奇怪。 – AmericanUmlaut

正如註釋中所述，沒有這樣的函數block jQuery的。你應該使用beforeSend功能在你的AJAX請求設置disabled=true的按鈕，或者改變div的z-index爲負值

來源

2012-12-04 16:08:02 Matanya

由於@AmericanU mlaut指出你正在使用jQuery BlockUI插件語法。這裏的示例http://www.malsup.com/jquery/block/#element與您正在嘗試執行的操作幾乎完全相同。，

只要關心onDOMReady，只要在有問題的ajax調用之前加載BlockUI插件，就不需要做任何特別的事情，使這個功能按預期工作

來源

2012-12-04 16:20:25 purgatory101

如何正確使用加載動畫阻止div

回答

相關問題