Jquery Mobile を使用して複数列のレイアウトを機能させようとしています。
まずはJquery Mobile Gridsを使ってみました。例はここにあります: リンクテキスト
これはうまくいかなかったので、プレーンな Jquery と JqueryMobile を使用して回避しようとしました。例: リンク テキスト
さらに悪いことに...
質問: リンクがクリックされたときに、Jquery Mobile を使用して中央のグリッドのみを更新する方法はありますか? = 左右のコンテンツとヘッダーを保持 (持続) する必要がありますか? そうでない場合、「有効な回避策」は何でしょうか
手伝ってくれてありがとう、
よろしく、
頻繁
EDIT 2011-11-24: マルチパネルおよびポップアップパネルレイアウト用に独自の JQM プラグインをセットアップしています。Githubを見る
アイデア 3 jQuery Mobile は、現在のバージョンで動作する 2 つの異なるソリューションにリンクしています。見る：
[編集] 現在のバージョンではもう動作しません。ゲームに戻ってゼロから何かを作成することを検討しています http://asyraf9.github.com/jquery-mobile/
また
http://www.stokkers.mobi/valuables/multiview/page2.html
アイデア2
page* イベントへのプラグイン。
もう利用できません http://jquerymobiledictionary.dyndns.org/dualColumn.html
バージョン 0.2 がリリースされました。プラグインは、JS コーディングなしで動作するようになりました。
アイデア1
.page() は廃止されましたが、主なアイデアは .trigger('create') でも機能するはずです
現在の jQuery Mobile で機能する私の最初のアイデアは、コンテンツをロードするデフォルトの方法を決して使用しないことです。
このようにして、好みのグリッドを作成し、ajax 呼び出しを介してコンテンツをロードし、ロードしたデータを選択したコンテナーに入れ (DOM に新しく挿入されたコンテナーでデータをラップする必要があります)、それを呼び出します.page()。参照: http://jquerymobiledictionary.dyndns.org/faq.html
これは機能しますが、javascript 以外のブラウザーでは使用できません。そのため、jQuery Mobile のプログレッシブ エンハンスメント全体が台無しになります。実際のアプリケーションの作成を計画している場合、これは発生しないはずです。私は jquerymobiledictionary ページでそのようなことをしました (辞書は ajax 経由で読み込まれ、JS がオフになっているとアクセスできません)。ただし、主な目的は、辞書を JSON 形式で保持することでした。開発者を主なターゲットとしていないアプリケーションにはお勧めしません:)