2014-12-02 76 views
2
jQuery的blockui(插件)代碼

林新手,jQuery,請幫助......我可以使用withouut阿賈克斯

我有一個網頁,其中有多個鏈接。當用戶在完成進程背面並加載頁面之前單擊一個鏈接時,他正在等待導致問題的另一個鏈接。我正在尋找解決方案,以避免用戶一次點擊多次點擊。

來解決,我已經找到了Jquery的BlockUI插件,並從下面的代碼片段加入現在

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

當我點擊任何鏈接https://github.com/malsup/blockui/and下載的(量產版)jquery.blockUi.min.js鏈接(所有的鏈接都有相同的類名),這段代碼會阻止頁面並顯示彈出消息「只是片刻」,然後一旦java進程/請求(默認提交表單action ='/ xxx')完成它會處理一些操作並更新數據庫)頁面刷新,然後自動解除頁面阻塞。這是完美的工作正常。但是我想知道我是否正確使用了這個blockUI功能?它可以在沒有Ajax的情況下使用,並且只需要使用常規的java服務器(表單操作)請求?

這是jquery.blockUi.min.js安全下載和使用,因爲我在聯邦公司工作?

在這裏,我已經與Java + Struts1.x一切正常工作。我只是使用這個blockui功能只是爲了避免用戶同時點擊多個鏈接 - 通過幾秒鐘的彈出消息禁用頁面,直到頁面刷新新數據。

由於我沒有在這裏使用Ajax,有沒有其他簡單的解決方案,我可以使用或是這個好的解決方案?

回答

0

我不認爲是專家,但我在我的Python Django網站上以相同的方式使用它,爲了加載處理密集型頁面(顯然它必須以這種方式使用,因爲在Controller完成處理任務之前HTML將不會加載)。

只記得包括:

$(window).on('unload', function() 
{ 
    $.unblockUI(); 
}); 

爲了解鎖時,在界面的頁面變化(或者當你點擊「返回」按鈕,您可能還是會看到被阻止的網頁)。

另一個老派的方式是當用戶點擊一個「禁用」頁面上的所有鏈接/按鈕,以便用戶在加載時無法與其交互。