4. jQuery mobile で ajax 等で動的に作成した HTML に対してCSSをあてる方法

動的に作成した HTML を表示しても、そのままでは jQuery mobile の CSS は適用されません。 CSS を適用するには、.trigger("create") を使います。
例： （変更前） 元のHTMLソースコード 「ここの内容が変わります」が、data の中身で置き換えられる単純な例です。 <div id="area_by_ajax">ここの内容が変わります</div> <script type="text/javascript"> data="hogehoge_html"; $("#area_by_ajax").html(data); </script>
(変更後) 動的に生成した HTML に jQuery mobile の CSS を適用します jQuery mobile で定義された CSS をあてるためには、.trigger("create") を追記します。 ドットを忘れないようにしましょう。 $("#area_by_ajax").html(data).trigger("create");