jQuery正在加载消息pageLoad BlockUI

Question

使用Block UI - ＆gt; Block UI

我正在尝试在页面开始加载和页面加载之前显示“正在加载”消息。

看到这个jsFiddle - ＆gt; 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，但是我希望STRETCH这只是一个补丁，为了让它正常工作你应该真正理清导致停止的功能。

了Emil