Question

如何为特定DIV使用blockUI插件？而不是整页？ $("div.test").blockUI();不工作，其中test是一个类，div是DIV标记。

Answer 1

以下是使用jQuery BlockUI Plugin阻止/取消阻止元素的几个示例（我假设您正在使用它）：

$('#blockButton').click(function() { 
    $('div.test').block({ message: null }); 
}); 

$('#blockButton2').click(function() { 
    $('div.test').block({ 
        message: '<h1>Processing</h1>', 
        css: { border: '3px solid #a00' } 
    }); 
}); 

$('#unblockButton').click(function() { 
    $('div.test').unblock(); 
});

来源：Element Blocking

所以对你的例子来说：

$("div.test").block({ message: 'Navi: Hey! Listen!' });

修改

这是你想要做的吗？

如果您想使用默认设置并阻止使用UI 所有的ajax请求，都很简单：

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);

Answer 2

$.blockUI({ message: $('div#info') }); 
setTimeout($.unblockUI, 2000);

试试上面的代码。 div #info包含您要向用户显示的数据。它会出现2秒钟并淡出。

希望这会帮助你。如果您有任何疑问，请随时提出。感谢

如何将blockUI用于特定的DIV？

2 个答案: