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元素，而不僅僅是一個。

看到這個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(); 
});​