ナビゲーションの問題またはコンテンツの動的表示の問題であると明確に考えることができない問題があります。まず、各ページにヘッダーとフッターの 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 日付け)で修正されたようです。