jQuery Mobile with ui.layout jqueryプラグイン

Question

誰でも、jQueryモバイルをペイン内にロードするためのui.layoutプラグインをうまく使用していますか？

ノーキーボードで21" タッチスクリーン上で実行されるデスクトップアプリケーションを開発しています;。加えて、特定の機能は、モバイル上で使用するためのクライアントのために利用できるようになります

を私はPHPを使用しています、jqmとjQueryを使用したいのですが、これは柔軟性が非常に高いためですが、jqmページをペインに動的にロードしようとすると、すべてのスタイリングが削除されます。 ui.layoutを使用できるようになると、このタスクを達成するのに大いに役立ちます。

He reは私がまとめたテストページへのURLです。 1つのモバイルページを左側に、もう一方を右側にロードしようとしています。 themachine.hopto.org:8080/~av2ma/test/index_test.html

ありがとうございます。

Answer 1

ページが無限ループになる可能性があるため、要素にpage（）メソッドを使用したくない場合があります。代わりに、トリガー（「作成」）を使用することができます。それで、 "west_content"のスタイルが戻ってくるだろう。

しかし、DOMが準備ができていれば、まだクローンが必要なモバイルクラスをコピーしないため、center_contentはありません。 $（document）.readyは、DOMの準備ができていても表示可能な要素がすべて読み込まれていないときに起動されます。後者の場合、$（window）.loadイベントを使用する必要があります。次のコードは、あなたのスタイリングの問題を解決します。これについて

$(document).ready(function() { 

     myLayout = $('body').layout({ 
     name: 'myLayout' 
     ,west__size: '25%' 
     ,west__autoResize: true 
     }); 
}); 
$(window).load(function() { 
    center_content = $("#west_content").clone(); 
    center_content.attr("id", "center_content"); 

    $("#center").html(center_content); 
    //you don't need this any more center_content.trigger("create"); 

}); 

Answer 2

何？

https://stackoverflow.com/questions/7021250/jquery-layout-ui-with-jquery-mobile 私は私の問題は類似していたと思いますが、私はすべての問題がある場合は、私たちが見ることができるので、あなたのコードが表示されないのはなぜ何をすべきか...