1

我正在尝试使用 jQuery blockUI 插件阻止点击链接。它似乎在任何地方都运行良好，但是，Firefox。

这就是它在Chrome中的样子
Chrome 中的 blockUI 元素阻塞

这就是它在FF中的样子

FF中的blockUI元素阻塞

这是我用来阻止/取消阻止元素的 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的答案，但是对我没有用。

4

1 回答 1

3

在对 的调用中将applyPlatformOpacityRules选项设置为。falseblock()

由于某些奇怪的性能原因，BlockUI 插件专门关闭了 Linux 环境下 Firefox 上的不透明度。常见问题解答中简要提到了它，但很容易错过。

于 2012-03-27T00:25:31.913 回答