1

jQueryblockUIプラグインを使用してリンクのクリックをブロックしようとしています。どこでも問題なく動作しているようですが、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で不透明度をオフにします。FAQで簡単に触れられていますが、見逃しがちです。

于 2012-03-27T00:25:31.913 に答える