ページ上のJavascriptを介してJQMアコーディオンの折りたたみ可能なセットにセクションを動的に追加し、HTMLファイルから追加されたセクションにコンテンツを追加しようとしています。この部分は実際には機能しますが、コンテンツはテーマ スタイルが適用されずに挿入されます。これに関する多数の投稿を読み、更新と作成を使用してテーマを適用しようとしましたが、成功しませんでした。
最初の質問は、ロードされた HTML ページの Head に何が表示されるかは重要ですか? jquery および jquerymobile js ファイルへの参照を削除する必要があることがわかりました。そうしないと、セクションのヘッダーが既存のヘッダーの上に作成されます。だから私が持っているのは、アコーディオンを含むページにあったのと同じスタイルだけです。
次に、アコーディオンの新しいセクションを作成する方法を次に示します。
$("#NewRequestSection").after('<div id="MyWeatherSection" data-role="collapsible" data-theme="f" data-content-theme="a" data-iconpos="right" data-collapsed="false"><h3 id="WeatherHeader" style="font-size: 28pt;"><img height="70px" width="70px" align="center" style="margin-right: 15px;margin-top: -10px" src="/img/weather.png" />My Weather</h3><div id="WeatherData"></div></div>');
$("#AppsList").collapsibleset('refresh');
繰り返しますが、この部分は機能します。新しいヘッダーがアコーディオンに表示されます。
ここで、使用する新しいセクションにコンテンツを追加します。
$.get('/apps/checkweather/currentweather.htm', function (data) {
$('#WeatherData').append(data).trigger('create');
}, 'html');
ページのコンテンツがセクションに読み込まれますが、テーマ スタイルはありません。(注: load() を正式に使用してみましたが、結果は同じでした。
WeatherData とその親 MyWeatherSection 、さらにはその親 AppsList に更新を追加しようとしましたが、何の効果もありませんでした。
ここで何が欠けていますか？