jquery-mobile - ナビゲーションバーのボタンを押したままにする

Question

私は2つを使用しています

<li><a href="#" type="button"  > text</a></li>

アプリケーションのフッター ナビゲーション バーにボタンを入力して、アプリケーションの機能をトリガーします (ナビゲーション用ではありません)。ボタンを押すたびに、ナビゲーションバーの別のボタンが押されるまで、ボタンが押されたままになります。この動作を回避するにはどうすればよいですか?

Answer 1

これを処理する別の方法は、JQM が最初にクラスを追加しないように、イベント バインディングから false を返すことです。

Answer 2

ui-btn-active最後に押されたボタンから手動でクラスを削除します。

$('#button_id').removeClass('ui-btn-active');

編集済み

最良の方法はui-btn-active、「クリックされていない」ボタンと同じように、 class のスタイルを再定義することです。例えば：

.ui-footer .ui-navbar .ui-btn-active {
    border: 1px solid       #222;
    background:             #333333;
    font-weight: bold;
    color:                     #fff;
    text-shadow: 0 -1px 1px #000;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #555), to( #333));
    background-image: -webkit-linear-gradient(#555, #333);
    background-image:    -moz-linear-gradient(#555, #333);
    background-image:     -ms-linear-gradient(#555, #333);
    background-image:      -o-linear-gradient(#555, #333);
    background-image:         linear-gradient(#555, #333);
}​

例 はこちら。

Answer 3

<button type="button" class="btn btn-default touchbtn">Test</button>

$('.touchbtn').bind('touchstart', function() {
    $(this).css('background-color', 'black');
});

$('.touchbtn').bind('touchend', function() {
    $(this).css('background-color', 'white');
});