jQuery BlockUI Блокировка элементов не работает в Firefox - PullRequest
Новая
       27

jQuery BlockUI Блокировка элементов не работает в Firefox

1 голос
/ 02 ноября 2011

Я пытаюсь заблокировать переход по ссылкам с помощью плагина jQuery blockUI. Кажется, что везде хорошо работает, но Firefox.

вот как это выглядит в Chrome
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 ответ, но у меня не сработало.

1 Ответ

3 голосов
/ 27 марта 2012

Установите для параметра applyPlatformOpacityRules значение false в вызове на block().

Плагин BlockUI отключает прозрачность, особенно в Firefox в среде Linux, по какой-то причудливой причине производительности. Это кратко упоминается в FAQ , но его легко пропустить.

...