jQuery モバイルとのリンク ボタンがあります。常に押したり押したりしないように設定できるようにしたいです。私は押されたためにこのコードを試しました:
$(this).css('background-color', '#e0e0e0');
そして、このコードは、プレスされていない場合:
$(this).css('background-color', '#f6f6f6');
ただし、押されていないボタンにカーソルを合わせると、強調表示されなくなります。だから私は試しました：
$(this).addClass('ui-button-active');
しかし、ボタンは青色になり、濃い灰色が必要です。助言がありますか？
jQuery Mobile 1.4.2 CSSでは、(テーマごとに) 通常/ホバー/アクティブ状態のボタン スタイルと、ボタンの色を変更するアクティブスタイル (この場合は青) があることがわかります。
「常に押されている」ボタンをシミュレートするには、ボタン クラスに基づいて各テーマ (aおよび) のクラスを追加し、背景色をオーバーライドする必要があります。b:active
.button-pressed-a { background-color: #e8e8e8 !important; }
.button-pressed-b { background-color: #404040 !important; }
次に、スクリプトで、「押された」状態を次のように切り替えることができます。
$("#button").toggleClass('button-pressed-a');