jQuery的載入郵件頁面加載BlockUI

Question

使用塊UI - >Block UI

我試圖讓頁面開始加載並且在頁面加載之前「加載」的消息出現。

看到這個的jsfiddle - >http://jsfiddle.net/wx9F3/22/

將搜索範圍縮小到一對夫婦使用文本框上方的部件編號，然後單擊「重置」。該頁面將開始加載，然後出現「加載」消息。我需要在頁面開始加載和加載頁面之前發生這種情況。

$('#clearBtn').on('click', function() { 
    $.blockUI({message: '<h3>Loading</h3>',timeout: 2000}); 
    $('.modx').val('').trigger('keyup'); 
}); 

有沒有人知道如何解決這個問題？

Answer 1

這是因爲你的函數在使用keyup事件觸發時會造成瀏覽器堵塞，我沒有時間去檢查整個函數，但是你應該研究它。

作爲速戰速決，不設置blockui超時，並呼籲KEYUP添加的延遲，像這樣：

$.blockUI({message: '<h3>Loading</h3>'}); 
    setTimeout(function(){$('.modx').val('').trigger('keyup');},500); 

比KEYUP函數結束只需添加一個調用釋放阻塞UI ，像這樣：

$.unblockUI(); 

查看完整的小提琴here，但請我會想伸出這只是一個補丁，得到它的工作你真的應該理清你的函數這將導致停止。

Emil