0

http://rickgutierrez.bol.ucla.edu/navbartest.html

これは、私の基本的な jquery モバイル ナビゲーションのセットアップです。最初の 3 つの navbar 要素を、オンとオフの状態のトグルのように機能させようとしています。ボタンをクリックすると別の状態に切り替わり (他のボタンの状態には影響しません)、もう一度クリックすると元に戻ります。ページが読み込まれると、1 は .ui-btn-active によってスタイル設定されたオン状態になり、2、3、4 はオフ状態になります。jquery モバイル css コードのどの部分がオフ状態のスタイルを設定しているのかよくわかりません。関連すると思われる ui-btn-up-a と ui-btn-down-a スタイルもあります。

いくつかの調査の後、いくつかのtoggleClassチュートリアルに出くわしました: http://api.jquery.com/toggleClass/

jquery チュートリアルの最初のデモは、私が探している独立した機能に最も近いものです。そのデモのコードは簡単で単純なので、自分のページで動作させることができないことに不満を感じています.

誰かがいくつかの指針を提供できますか? どのクラスを使用すればよいですか? toggleClass は jquery モバイル ライブラリにありますか、それとも最新の jquery スクリプトへのリンクを追加する必要がありますか?

ありがとう

4

1 に答える 1

0

JsBin を使用してコードを作成しました。それが役立つことを願っています: http://jsbin.com/exenov/4/edit

jQuery on click 関数で使用する新しいクラス (custom-btn-active) を追加しました。

jquerymobile.css ファイルで行う必要があるのは、元の.ui-btn-activecss を削除することだけです。jQueryを使用してそのクラスを削除できないため(理由がまったくわかりません)

私のJsbinを確認してください>クリックしてもボタンは緑色のままで、もう一度クリックすると消えます（削除する必要がある.ui-btn-activeであるため、青色の背景に注意しないでください）。

于 2012-10-23T13:16:00.287 に答える