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 中返回错误值并且屏幕变得完全空白（遮罩不透明度 = 1）。 所以我只是通过将不透明度值硬编码到 JS 中来解决这个问题：

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

Answer 2

jQuery.each(rolesArray, function() {
    if (this == "USER") {
        $("#yourButton").addClass('ui-disabled');
    }

});

Answer 3

我认为您要将不透明度设置为0.5的是“img”标签，而不是锚点。

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