2012-11-06 44 views
1

我知道,我们可以阻止使用jQuery BlockUI任何元素: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

阻止整个页面?不知道我得到的问题。 – SpaceBison

回答

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" /> 

这个脚本会在同一时间同时阻断第一和第三格:

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

非常感谢,它的工作 –