jquery mobile動的に要素を追加した後、解決方法を正確にレンダリングできません。


jquerymobile動的に元素を添加した後、正確にレンダリングできない解決方法があります。listview:jqを追加します。listview。divまたは他:追加.trigger("create")=========================================================================================================================
jqmは初期化ページでは、data-xxxによって各要素にjqmの属性やクラスなどを挿入します。ページ初期化が終了した後、動的に要素を挿入すると、jqmのスタイルが挿入されていないので、醜く表示されます。これはブラウザの中の開発ツールで調べられます。いくつかの元素は多くの種類がありますが、動的に挿入された元素コードはやはりあなたが書いたものです。
動的に挿入される要素がjqmのパターンを持つなら、jqmオブジェクトに対してcreateイベントをトリガすることができます。

<span style="font-size:18px;"> $(selector).trigger('create');</span> 
createイベントは適用範囲が広く、存在しない要素であってもいいです。例えば、ボタンを一つ挿入する

$('<a data-role="button">dy button</a>').appendTo('#content').trigger('create');
には、listview、flip toggなどのrefresh方法があります。createとの違いはrefresh方法が既存のオブジェクトに作用する必要があります。
$('ul').listview('refresh')は、新しい要素を更新するだけで、listviewの最新アプリの要素が更新されます。元のままにします。理解があるかどうかは分かりませんが、テストがないところがあります。原文http://stackoverflow.com/questions/7663078/jquery-mobile-page-refresh-mechanism
jqmスタイルを使わない:
jqmが自動的にあなたの元素を初期化したくないなら、二つの方法があります。data-role=「none」属性を追加するか、またはmobileinitイベントでkeepNativeオプションを設定する

$(document).bind('mobileinit',function(){
 $.mobile.page.prototype.options.keepNative = "select, input.foo, textarea.bar";
});