問題タブ [jquery-mobile-navbar]

@979ワイドスクリーンで使用されるJQueryモバイルナビゲーションを使用しました。私が抱えている問題は、画面のサイズを幅 979 ピクセルに変更すると、メニューがポップアップしますが、完全に拡張され、Web ページのコンテンツをカバーすることです。これはJQueryと関係があることは知っていますが、理解できません。スクリプトは次のとおりです。

一部の jQuery モバイル タブには、スクロールバーを必要とするコンテンツがあります。

それらを制御するナビゲーションバーは、このフィドルのようにヘッダーにあります。

タブ コンテンツのすべてのレベルで設定しようとしましheight: 100%; overflow: auto;たが、スクロールバーはまだページ全体に適用されています。

タブ付きコンテンツのみにオーバーフロー スクロールバーを適応的に適用するにはどうすればよいですか?

jsフィドル

HTML

JS

CSS

JavaScript を使用して、json 応答結果をページ コンテンツに入力します。しかし、navbar リンクを切り替えると、ブラウザ (firefox) はデータのないキャッシュされた html を表示するだけです。サーバー ログは、list.html と settings.html がまったく要求されていないことを示しています。data-prefetch="true"、data-dom-cache="true"、または data-dom-cache="false" を検索して試し<meta http-equiv="pragma" content="no-cache" />ましたが、何も得られませんでした。settings.html / list.html を手動で更新するたびに json がいっぱいになりますが、他の list.html / settings.html はデータのない空白の html になります。

ナビゲーションバーのリンクをクリックすると、ブラウザがページ全体をリロード/更新できる方法があることを願っています。特に、javascript が ajax 呼び出しを実行してデータを入力します。

フッターのページ div の外側にナビゲーション バーがあります (すべてのページにあります)。ナビゲーション バーの永続的なアクティブ状態を簡単に修正しようとしました。いずれかのページのタブでは機能しましたが、機能していないようです。このために働きます。

実際には、何らかの理由で ui-btn-active が追加されないことを除いて、すべてが機能します

ここにコードがあります

});

アンカーの html が変更され、最後の行に ui-state-persist が追加されますが、何らかの理由で ui-btn-active が追加されません...

3 つの navbaritems を持つモバイル navbar を探しています。

jQuery-Doc http://demos.jquerymobile.com/1.2.1/docs/toolbars/docs-navbar.htmlでナビゲーション バーを見つけました

Bootstrap-Doc で、これを見つけましたhttp://getbootstrap.com/components/#navbar

しかし、jQueryのナビゲーションバーのように見えますが、Bootstrapを使用しているナビゲーションバーが必要です!

Bootstrapでこれを行う方法を誰かが知っていますか?

回答ありがとうございました!!!

簡単なデモを完成させるために jQuery Mobile 1.4.2 を使用しています。コードは次のようになります。

しかし、ナビゲーションバーをタップするたびに、背景が失われ、移行中に透明になります

私は何をすべきか ？[このドキュメントは、完全に機能すると述べています][4]

いくつかの画像を追加するつもりでしたが、私の評判は資格がありません

それらの漢字は無視してください。

コンソールで Chrome のエミュレーションを使用しています。すべてのデバイスでコードをテストしようとすると、特に Samsung Galaxy S、SII、W エミュレーターでこの風変わりな動作が発生します。理由がわかりません！

これが私のコードです:

出力は次のとおりです。

そして、他のエミュレータを試すと：

どのような遷移が行われても、フッター ナビゲーション バーをページの下部に固定したいのですが、テストしているデバイスに関係なく、 data-position="fixed" がそのトリックを実行するはずですよね? それでは、何が間違っているのでしょうか？前もって感謝します ！