PhonegapでCSSの不透明度が機能しない

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

私はそれはあなたが0.5に不透明度を設定したい「IMG」タグではないと思われますアンカー。

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

Answer 2

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

}); 

Answer 3

私はアニメーションでマスクを表示して同様の問題があった：

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