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 opacity = 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'); 
    }     
});

CSS opacity无法在Phonegap中运行

3 个答案: