jQuery的BlockUI元素阻止不工作在Firefox

我想阻止點擊使用jQuery blockUI插件的鏈接。它似乎在任何地方都能正常工作，但是，Firefox。jQuery的BlockUI元素阻止不工作在Firefox

這是怎麼看起來鉻
blockUI element blocking in Chrome

，這是它的外觀在FF

blockUI element blocking in 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答案，但是，沒有爲我工作。

來源

2011-11-02 Ravish

真的，沒有身體會面臨類似的問題......？我無法解決這個問題，如果有人知道如何解決這個問題或替代插件，請讓我知道... – Ravish

在block()的調用中將applyPlatformOpacityRules選項設置爲false。

BlockUI插件會在Linux環境下專門關閉Firefox中的不透明度，這是因爲一些奇怪的性能原因。它在FAQ中簡要提及，但很容易錯過。

來源

2012-03-27 00:25:31 dyoo

是的，認爲這是Firefox的問題。無論如何感謝您的迴應。 – Ravish

你的解決方案確實爲我工作（與其他一些CSS黑客），謝謝你的幫助:) – Ravish

jQuery的BlockUI元素阻止不工作在Firefox

回答

相關問題