我知道我们可以使用jQuery BlockUI阻止任何元素:
<script type="text/javascript">
$(document).ready(function() {
$('#blockButton2').click(function() {
$('div.test').block({
message: '<h1>Processing</h1>',
css: { border: '3px solid #a00' }
});
});
});
但是,如何在同一时间和行动中阻止许多元素?
答案 0 :(得分:0)
您可以根据需要阻止任意数量的元素。您的代码将适用于具有类文本的所有div元素,而不仅仅是单个元素。
请参阅此DEMO。
使用此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();
});