Непрозрачность CSS не работает в PhoneGap - PullRequest
Новая
       4

Непрозрачность CSS не работает в PhoneGap

1 голос
/ 13 февраля 2012

У меня есть кнопка, которую я отключил с помощью jQuery в моем приложении пробела для телефона. Href удален, НО непрозрачность кнопки не работает, поэтому она выглядит как сломанная кнопка. Может кто-нибудь дать мне знать лучший способ сделать это или лучший способ получить эту работу. Заранее спасибо!

Вот мой код: 

jQuery.each(rolesArray, function() {
    if (this == "USER") {
        $('#disable-button').css( 'opacity', '.5');
        $('#disable-button').removeAttr('href');
    }

});

Вот HTML: 

<div class="ui-block-b">
      <a href="#search" data-role="button" data-transition="flip" id="disable-button"><img src="images/logo.png" alt="Search" /></a>
    </div>

Ответы [ 3 ]

2 голосов
/ 25 апреля 2013

У меня была похожая проблема с отображением маски с анимацией: 

opacity = $(maskDiv).css('opacity'); //read the opacity from CSS file
$(maskDiv).css('opacity', 0).animate({opacity: opacity}, 500); //animate fading

Но хотя это работает в браузерах, метод css () возвращает неправильное значение в PhoneGap, и экран становится полностью пустым (непрозрачность маски = 1),Поэтому я просто исправил это с помощью жесткого кодирования значения непрозрачности в JS: 

$(maskDiv).css('opacity', 0).animate({opacity: 0.5}, 500);
1 голос
/ 14 февраля 2012 
jQuery.each(rolesArray, function() {
    if (this == "USER") {
        $("#yourButton").addClass('ui-disabled');
    }

});
0 голосов
/ 13 февраля 2012

Я думаю, что это тег "img", который вы хотите установить непрозрачность на 0,5, а не якорь. 

jQuery.each(rolesArray, function() { 
    if (this == "USER") { 
        $('#disable-button').removeAttr('href').find('img').css('opacity', '.5'); 
    }     
});
...