jQuery BlockUI元素阻止无法在Firefox上运行

Question

我试图使用jQuery blockUI插件阻止点击链接。它似乎无处不在，但是，Firefox。

这是它在 Chrome 中的外观

这就是它在 FF

中的样子

以下是我用来阻止/取消阻止元素的javascript代码

function blockOptions(clsId)
{     
    console.log("block: "+clsId);
    if(clsId!='undefined'){
        var eleToBlock  = "a."+clsId;
        //console.log(id);
        j(eleToBlock).parent().block({message:null,showOverlay: true, css: { opacity: '.5',  backgroundColor: 'black',cursor: 'progress' } });
    }
}

function unblockOptions(clsId)
{
    console.log("unblock: "+clsId);
    if(clsId!='undefined'){
        var eleToBlock = "a."+clsId;
        j(eleToBlock).parent().unblock(); 
    }
}

以下是HTML：

<ul class="left-tab">
    <li title=""><a class="tab-pic1" id="" title="" href="javascript:;">&nbsp;</a></li>
    <li title=""><a class="tab-pic2" id="" title="" href="javascript:;">&nbsp;</a></li>
    <li title="" style="position: relative;"><a class="tab-pic3" id="" title="" href="javascript:;">&nbsp;</a></li>
    <li title="" style="position: relative;"><a class="tab-pic4" id="optio" title="" href="javascript:;">&nbsp;</a></li>
    <li title=""><a class="tab-pic5" id="" title="" href="javascript:;">&nbsp;</a></li>
    <li title="" style="position: relative;"><a class="tab-pic6" id="" title="" href="javascript:;">&nbsp;</a></li>
</ul>

有谁能建议我做错了什么？ 我也检查了Alok Swain回答，但是，对我没用。

Answer 1

在applyPlatformOpacityRules的通话中将false选项设为block()。

由于某些奇怪的性能原因，BlockUI插件在Linux环境下特别关闭了Firefox上的不透明度。它在FAQ中简要提到过，但很容易错过。