0


だから..これが私がdata-role="page"と1つのヘッダーコンテナとフッターdivを持つページを持っているシナリオです-通常のjqueryモバイルページ構造。

今私のコンテンツdivには2つのdivがあります。そのうちの1つで、data-roleが指定されたボタンとテキストボックスを持つ他のコンテンツを動的にロードしています。

今問題：

divに新しいページをロードしている間、コントロールはモバイルコントロールとして表示されず、代わりに通常のhtmlコントロールのように見えます。これは、DOMの準備ができた後にロードしているため、jqmjsとcssを取得していないことが原因である可能性があります。

以下はページ構造です。

     <html>
     <head>
     <link rel="stylesheet" href="styles/jquerymobile.css" type="text/css" />
     <script src="scripts/jquery.js"></script>
     <script src="scripts/jquery.mobile.js"></script>
     </head>
     <body>
     <div  data-role="page">
     <div data-role="header">
     </div>
     <div data-role="content">
     <div id="static_content"></div> // no problem to this.
     <div id="dynamic_content"></div> // dynamic content used .load() - no jqm css loaded :(
     </div>  
     </div>
     </body>
     </html>

どんな助けでもありがたいです。

4

2 に答える 2

0

コンテンツの読み込みを jQuery モバイル イベント構造に配置する必要があります。詳細はこちらをご覧ください: http://jquerymobile.com/demos/1.1.0/docs/api/events.html

次のように、「pagecreate」イベントを使用して、jquery によって拡張される前にコンテンツを変更しました。

  obj_out.add "$('div').live('pagecreate',function(event){" & vbNewLine
  obj_out.add " $('.jsvisible').show();" & vbNewline
  obj_out.add " $('.jshidden').hide();" & vbNewline
  obj_out.add " $('.nojs').removeClass('nojs');" & vbNewline
  obj_out.add "});" & vbNewline
于 2012-06-04T06:50:07.230 に答える
0

動的コンテンツを読み込んだ後、ページ ウィジェット コンストラクターを呼び出すことができます。

 $("div[data-role='page']").page('destroy').page();
于 2012-06-04T06:56:57.193 に答える