2014-02-14 24 views
0

使用塊UI - >Block UIjQuery的載入郵件頁面加載BlockUI

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

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

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

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

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

回答

1

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

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

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

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

$.unblockUI(); 

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

Emil

+0

謝謝!我必須觸發鍵控功能才能重置濾波器。這實際上是Table Sorter 2.0的創建者的建議 – bagofmilk

+0

對不起,可能我錯誤地表達了自己並不是讓瀏覽器掙扎的觸發器,它是整個過濾器復位功能。作爲您的實際表的替代方法,請嘗試查看datatables.net imho,它是最好的表處理框架。 –