jQuery加载消息pageLoad BlockUI

Question

使用块UI -> 块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({message: '<h3>Loading</h3>'}); 
  setTimeout(function(){$('.modx').val('').trigger('keyup');},500); 

在keyup函数结束时，只需添加一个调用来释放阻塞的ui，如下所示：

 $.unblockUI(); 

请看完整的小提琴这里，但我想把这只是一个补丁，为了让它工作，你应该真正地整理你的功能，导致暂停。

埃米尔