2

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

4

2 回答 2

4

以下是使用jQuery BlockUI 插件（我假设您正在使用的）阻止/解除阻止元素的几个示例：

$('#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(); 
});

来源：元素阻塞

所以对于你的例子：

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

编辑

这是你想要做的吗？

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

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
于 2012-09-27T05:39:39.603 回答
1 
$.blockUI({ message: $('div#info') }); 
setTimeout($.unblockUI, 2000);

试试上面的代码。div#info 包含您要显示给用户的数据。它将出现 2 秒钟然后淡出。

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

于 2012-09-27T06:00:47.423 回答