如何测试div是否被阻塞

Question

如何测试某个div是否被阻止？

我正在使用BlockUI插件。

$("#containerVenda").block({ message: "Block" });

我想做一个IF语句来了解DIV是否被阻止。

Answer 1

我查看了插件的代码，它似乎没有公开任何方法来测试元素是否被阻止。但是，它会为元素设置一些数据，您可以尝试检查这些数据。类似这样的东西：

var blockableElement = $("#containerVenda").block({ message: "Block" });
alert("Is blocked? " + blockableElement.data('blockUI.isBlocked'));

Answer 2

没有文档，但$("#containerVenda").data('blockUI.isBlocked')似乎是最简单的方法。

Answer 3

不确定，但请尝试以下操作：http://jquery.malsup.com/block/

$(document).ready(function(){
      $("#containerVenda").blockUI({ 
         onBlock: function() { 
            $("#containerVenda").addClass("blocked");
             } 
         }); 
     $("#mybutton").click(function(){
        if($("#containerVenda").hasClass("blocked")){ 
          alert("containerVenda is blocked");
        }
      })
})

Answer 4

查看在将元素containerVenda设为block（）之后应用于该元素的类。查看添加了什么。然后检查

var elem = $("#containerVenda");
if( elem.hasClass("theAddedClass") ){
   //I am a block thingy already.
}