CSS opacity在Phonegap中不起作用

我有一個按鈕，我在我的手機間隙應用程序中禁用了jQuery。該href被刪除，但按鈕的不透明度不起作用，因此它看起來像一個壞掉的按鈕。有人能讓我知道一個更好的方式去實現這個或更好的方式來完成這項工作。先謝謝你！CSS opacity在Phonegap中不起作用

這裏是我的代碼：

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>

來源

2012-02-13 tjoenz

我認爲，這是您要的不透明度設置爲0.5，而不是在「IMG」標籤錨。

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

來源

2012-02-13 16:37:13 Neil

謝謝尼爾的迴應。這似乎在Web環境中工作，使徽標不透明，但不在PhoneGap內。我欣賞幫助雖然:) – tjoenz 2012-02-13 17:15:30

請[不要添加簽名或標語到您的帖子]（http://stackoverflow.com/faq#signatures）。 – meagar 2012-07-31 16:14:12

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

});

來源

2012-02-14 19:13:37 Rommel

好吧，我已經在iOS和Android PhoneGap中嘗試了這一點，但仍未設置不透明度。但它在Web瀏覽器中工作。 – tjoenz 2012-02-14 20:06:53

我有類似的問題，用動畫顯示面膜：

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);

來源

2013-04-25 09:33:30

雖然我的問題有點不同（phonegap 3.4應用程序，在Android 4.3上測試），但此解決方案起作用。我曾經使用jquery transit library，所以不得不改變'$（'。double-tap-vote-image'）。transition（{opacity：0}，1500，'ease'）;'to'$（'。 double-tap-vote-image'）。animate（{opacity：0}，1500）;'它可以在我的應用程序上運行。 – DemitryT 2014-06-29 15:26:36

CSS opacity在Phonegap中不起作用

回答

相關問題