jquery - 具有许多元素的 jQuery BlockUI

Question

我知道我们可以使用 jQuery BlockUI 阻止任何元素：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#blockButton2').click(function() { 
        $('div.test').block({ 
            message: '<h1>Processing</h1>', 
            css: { border: '3px solid #a00' } 
        }); 
    }); 
}); 

但是，如何在同一时间和行动中阻止许多元素？

Answer 1

您可以根据需要阻止任意数量的元素。您的代码将适用于所有具有类文本的 div 元素，而不仅仅是一个。

请参阅此演示。

使用此 HTML 标记：

<div class="block">Lorem Ipsum</div>
<div>Second div</div>
<div class="block">Third div</div>
<input type="button" id="block" value="block" />

此脚本将同时阻止第一个和第三个 div：

$('#block').click(function() {
    $('div.block').block();
});​