我通过页面上的Javascript动态地将部分添加到JQM手风琴可折叠集,然后尝试从HTML文件向添加的部分添加内容。这部分实际上有效,但插入的内容没有应用任何主题样式。我已经阅读了很多关于此的帖子,并尝试使用刷新和创建来尝试使用主题,但没有成功。
第一个问题是加载的HTML页面的头部中出现的内容是否重要?我发现我必须删除对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()并获得相同的结果。
我尝试过将Refresh添加到WeatherData及其父MyWeatherSection,甚至添加到其父AppList,但没有任何影响。
我在这里缺少什么?