問題タブ [navbar]

私はshtml拡張子のページがあるサイトを持っています。これは主に、メニューナビゲーションバーをSSIで正しく表示するために行われます。現在、phpを使用してページを追加しています。このページを正しく機能させるために、php拡張子を付けました。これにより、メニューが表示されなくなります。また、率直に言って、shtml拡張子は、私のサイトを使用するほとんどの人にとって奇妙なものだと思います。可能であればすべてのページでphp拡張子に変更したいのですが、shtml拡張子を使用しなくなった場合に、SSIを再フォーマットして正しく表示するにはどうすればよいですか？

現在関心のあるコードは<!--#include virtual="/Navbar.shtml" -->

私はドキュメントを探していましたが、jQuery mobileでスクロール可能な水平ナビゲーションバーを作成する方法を見つけることができないようです。誰かがこれをまだ達成していますか？

これが私がこれまでにナビゲーションバーに持っているものです

これが私の問題です-Dremweaverナビゲーションバーにボタンメニューが挿入されています。マウスオーバー/プレスに応じて、ボタンリンク内のいくつかの画像を交換します。メニューバーを初めて使用するとき、ボタンは正しく機能しているようです。メニューリンクから特定のページに移動し、ブラウザの戻るボタンを使用して戻ると、最後に押されたボタンは押された/マウスオーバーの状態を保持します。更新ボタンを押すと、問題は解消されます。誰かがこれの治療法を知ることができますか？ありがとう。

iPhone用のいくつかのタブを備えたアプリを構築しています。ここでappceleratorのウェブサイトの質問を言い換えました

縦向きから横向きに変更するとき、ナビゲーションバーを非表示にしたい。

別のタブに切り替えなければ問題なく動作します。しかし、ポートレートで1つのタブを表示し、別のタブに切り替え、ランドスケープビューに変更し、最初のタブに戻ってからポートレートに変更すると、ナビゲーションバー(window.barImage)がすべて引き伸ばされます(ランドスケープのサイズに)ナビゲーションバー)

また、ナビゲーション バーを非表示にするコードをすべて削除すると、同じ問題が発生します。

orientationchange で barImage を再度設定しようとしましたが、それも役に立ちません。

サイト ノート: navBar のすべてのタブで同じ画像を使用していますが、それが問題でしょうか?

ナビゲーションバーの画像を緑色でマークしました。青色の部分は、画像が通常あるべき場所です。

また、画像はナビゲーション バーの縦向きビューに適したサイズであることにも注意してください。

コード：

ナビゲーションの問題またはコンテンツの動的表示の問題であると明確に考えることができない問題があります。まず、各ページにヘッダーとフッターの 2 つのナビゲーション バーがある複数のページをホストする単一の html ページを使用しています。

最初のページには、 getJSON()を使用して JSON オブジェクトとしてバックエンドで php から動的にフェッチされたコンテンツが表示されます。コンテンツは、これらの折りたたみ可能なアイテムの html() 関数を使用して、 3 つの折りたたみ可能なアイテムの子として表示されます。コンテンツは、折りたたみ可能なアイテムのH1と 2 つのリストの子タグにそれぞれ入力されます。

上部のナビゲーション バーには 3 つのエントリ(page1、page2、page3) があります。page1からpage2に移動し、page2からpage1エントリをクリックすると、すべてが期待どおりに機能します。

下部のナビゲーション バーも同様に 3 つのページ(page_a、page_b、page_c)を持つグリフィスメニューです。この問題は、page1からpage_cに移動し、 page1リンクをクリックして戻ると発生します (または、JQM のデフォルトの「戻る」ボタンを使用する場合でも)、page1 の CSS が壊れて、ヘッダー ナビゲーション バーも最初の折りたたみ可能なものも表示されませんが、むしろ、最初の折りたたみ可能なH1のコンテンツを 2 番目の折りたたみ可能なコンテンツと紛らわしくマージします。

listview() を使用して、リストビューを動的に埋めたら (pageshow() を呼び出すたびに) リストビューを更新します。

問題を解決するためにさまざまな試みがありましたが、そのうちの 1 つは消える折りたたみ可能なアイテムで page() を使用していますが、うまくいきませんでした。

Webkit ブラウザの Blackberry Bold 9700 デバイス (ここで壊れます!) で直接開発を行っていることを言及しておくと便利です。ただし、この機能はデスクトップ ブラウザの Firefox 4、Chrome、およびその拡張機能である Ripple でうまく機能します。

誰かがそのような問題を抱えていて、それを解決できた場合は、洞察/解決策をいただければ幸いです。

乾杯。

[編集] cpak によって提供されたリンクに従って、次の CSS ルールをカスタム css ファイルに追加し、問題を解決しました。

.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { height:0; overflow:hidden}

.ui-mobile .ui-page-active { display: block; overflow: visible; height:auto; min-height:100%;}

次に、上記のルールをすべて削除し、デフォルトで問題を解決した最新のビルドの JQM を使用しました。問題が発生したとき、私はv1.0a4.1を使用していましたが、JQM の最新バージョン(5 月 24 日付け)で修正されたようです。

ナビゲーションバーの1行のアイテムの最大数を変更する変数を検索できませんでした。

私はjQueryMobileから始めて、約7つの1文字のアイテムでナビゲーションバーを作成しようとしています。5つを超えるアイテムが存在する場合、ナビゲーションバーは自動的にラップします。これは、私のプロジェクトには望ましくありません。

誰かが私にこの振る舞いを規制するコードまたはcssの一部を指摘できますか？

JQuery Mobileのナビゲーションバーでプログラムでタブを選択するにはどうすればよいですか？私はそれをするために以下のコードを試しました。しかし、役に立たない。

アップデート：

これを確認してください：http： //jsfiddle.net/YnxML/15/

アップデート：

以下は、フッターでナビゲーションバーを開発するために使用したコードです。

IE では、ナビゲーション バーは正しく配置され、上部の中央に配置されます。ただし、FF では右いっぱいに移動します。私はコードを調べましたが、まだ理解できません。何か案は？前もって感謝します！

JqueryMobile1.0bの使用

ファーストクリックイベントはアラートを発します。ページ上の他のアイテム（アンカー）をクリックすると、別のクリックイベントがすぐに発生します。その後のクリックは断続的に正しく発生し、アラートをまったく発生させないものもあります。非常にランダム。

役立つ場合に備えて、同じページのdivに動的コンテンツをロードするためにこれが必要です。

アンバインドをチェーンしてバインドし、伝播を停止してfalseを返し、さまざまなセレクターを試しましたが、すべて成功しませんでした。

回避策、修正、またはより良いアプローチを探しています。ありがとう。

私はcssに比較的慣れていませんが、すべてのブラウザーに対応しようとして問題が発生していました。この場合は驚くことではありませんが、IEです。

これがJSfiddleで再現された私の問題です：http://jsfiddle.net/AgdGs/3/

IE の主な問題は、ナビゲーション バーのスタイルが維持されず、ロゴの下に移動することです。

これは比較的簡単な修正だと思いますが、どこにも答えを見つけることができませんでした。

ご協力ありがとうございます。さらに情報が必要な場合はお知らせください。