JQuery Mobileで横向きと縦長の表示を切り替える

Question

私はJQuery Mobileアプリケーションを開発中です。私のアプリは、デバイスが横長か縦長かに応じて、同じデータをさまざまに表示します。現在、次のコードを使用してその変更を検出しています。

$(window).bind("orientationchange", function (e, ui) { 
    alert("orientation changed: " + e.orientation); 
}); 

ここからはどこに行くのかわかりません。私は意見を変えたいと思う。しかし、私はできるだけ速くしたいので、私はビューをリロードしたくありません。どのようにオリエンテーションに基づいて異なるビューを表示するのですか？そのHTMLはどのように見えますか？ 1つのビューは次のように定義されています：

<div id="myPage" data-role="page"> 
    <div data-role="header"> 
    <a href="#" data-icon="arrow-l" data-iconpos="notext" class="ui-btn-left jqm-home">Back</a> 
    <h1>My App</h1> 
    </div> 

    <div data-role="content"> 
    <!-- Page content goes here --> 
    </div> 
</div> 

ありがとうございます。

Answer 1

複数のページレイアウトを作成し、一方のページはポートレートビュー、他方はランドスケープビューを持ち、$.changePage()を呼び出してorientationChangeイベントで切り替えることができます。