jquery - CSS 不透明度在 Phonegap 中不起作用

Question

我在手机间隙应用程序中使用 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>

Answer 1

我在显示带有动画的蒙版时遇到了类似的问题:

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

但是，虽然这在浏览器中有效，但方法 css() 在 PhoneGap 中返回错误的值，并且屏幕完全空白( mask 不透明度 = 1)。所以我只是通过将不透明度值硬编码到 JS 中来解决这个问题:

$(maskDiv).css('opacity', 0).animate({opacity: 0.5}, 500);