2

我通过页面上的 Javascript 将部分动态添加到 JQM 手风琴可折叠集，然后尝试将内容从 HTML 文件添加到添加的部分。这部分确实有效，但插入的内容没有应用任何主题样式。我已经阅读了许多关于此的帖子，并尝试使用刷新和创建来尝试应用主题，但没有成功。

第一个问题是加载的 HTML 页面的 Head 中出现的内容是否重要？我发现我必须删除对 j​​query 和 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 添加刷新，但没有任何效果。

我在这里想念什么？

4

0 回答 0