Jquery Mobile - タブをハイライト表示

Question

jquery mobileに疑問があります。私はナビゲーションバーを設定しました。しかし、私はそれを特定のタブを選択する際にどのように強調表示するかはしません。私はクラスui-btn-activeを認識していますが、選択したタブにどのように適用するのか分かりません。誰かがそこに解決策を提供してください？

Answer 1

Jquery Mobile - Highlight a tab

のdivタグの代わりに、ページを使用してください。タブに対応するDIVがレンダリングされたときに、javascriptを使用してランタイムにタブを強調表示（クラスui-btn-activeを割り当てる）することができます。ページの代わりにdivを使用する利点は、ナビゲーションバーがすべてのページでnavbarコードを繰り返す必要があるページの場合。

あなたが表示され、非表示のdivのタブをクリックすると、コード

これは、現在の強調表示されます jQuery Mobile Navigation Tabs

お知らせ次のコード

$(this).addClass('ui-btn-active'); 

次の解決方法を参照してくださいに気づくことができますタブをクリックします。

Answer 2

私はこれがあなたのために働くだろうと思う：

li.ui-tabs-active > a { 
    background-color: rgb(51, 136, 204)!important; 
    border-color: rgb(51, 136, 204) !important; 
    color: rgb(255, 255, 255) !important; 
    text-shadow: 0 1px 0 rgb(0, 85, 153) !important; 
}