jquery - 如何对特定DIV使用blockUI？

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!' });

<小时/>

编辑

这就是你想做的事吗？

If you want to use the default settings and have the UI blocked for all ajax requests, it's as easy as this:

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