3

jQuery Mobileでナビゲーションバーのインターフェイスを切り替えて、divのボタンを押して別のナビゲーションバーを表示するにはどうすればよいですか？

4

4 に答える 4

7

jQuery MobileNAVToggleのjsFiddleデモ

上記のリンクを介してjsFiddleデモを作成しました。これは、あなたの質問に対処する必要があります。

特に、NAVバーを簡単に設定したり、別のバーとの間で切り替えたりすることができます。

フィドルは必要な数のNAVバーを使用でき、適応が非常に簡単であるため、さまざまなバーと言います。確かに、NAVバーは5つのボタンで最大になります。

編集：メッセージのコメントごとに、複数のページが作成されると、ページ間を簡単に移動できます。この異なるjsFiddleは、アンカータグにラベルを付けてページをオンザフライで切り替える方法を示しています。これを元のjsFiddleAnswerと一緒に使用して、完全なソリューションを提供できます。


再編集：最新のコメントによると、この新しい jsFiddleを使用すると、同じページにいるときにボタンの内容を切り替えることができます。

何が起こっているのかを理解するための簡単なフィドルコメントが提供されていますが、不明な点については質問してください。

于 2012-06-02T22:28:44.737 に答える
0

updatelayoutイベントをチェックアウトします。このイベントは、コンテンツを動的に表示/非表示にするフレームワーク内のコンポーネントによってトリガーされ、サイズまたは位置を更新する必要がある可能性があることを他のコンポーネントに通知するための一般的なメカニズムとして意図されています。jQueryサイトの例：

$( '#foo' ).hide().trigger( 'updatelayout' );
于 2012-05-30T18:21:15.387 に答える
0

これはあなたが達成しようとしていることですか？ http://jsfiddle.net/cHrSN/18/

于 2012-06-02T18:19:55.197 に答える
0

タブをJQMurlHistoryまたはブラウザー履歴に統合する必要がありますか？

そうでない場合は、折りたたみ可能なセットをタブビューアーに変更したため、折りたたみ可能なセットをトップダウンにする代わりに、data-type = "horizo​​ntal"をサポートするようにウィジェットを変更してから、折りたたみ可能なデータを左から右に表示し、コンテンツセクションをタブ。また、次へ-前へのボタンを追加したので、タブボタンまたは前へ-次へのボタンをクリックして前後に移動できます。

ただし、すべてページ内で行われるため、ブラウザの戻るボタンはサポートされていません。

これが正しければ、サンプルページと説明を載せることができます。

于 2012-06-03T14:12:09.450 に答える