我正在尝试使用 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:;"> </a></li>
<li title=""><a class="tab-pic2" id="" title="" href="javascript:;"> </a></li>
<li title="" style="position: relative;"><a class="tab-pic3" id="" title="" href="javascript:;"> </a></li>
<li title="" style="position: relative;"><a class="tab-pic4" id="optio" title="" href="javascript:;"> </a></li>
<li title=""><a class="tab-pic5" id="" title="" href="javascript:;"> </a></li>
<li title="" style="position: relative;"><a class="tab-pic6" id="" title="" href="javascript:;"> </a></li>
</ul>
任何人都可以建议我做错了什么吗? 我还检查过Alok Swain答案,但是,对我不起作用。
最佳答案
在调用 block()
时将 applyPlatformOpacityRules
选项设置为 false
。
由于某些奇怪的性能原因,BlockUI 插件专门关闭了 Linux 环境下 Firefox 上的不透明度。 FAQ 中简要提到了这一点。 ,但很容易错过。
关于jQuery BlockUI 元素阻止在 Firefox 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7980286/