在JQuery Mobile中为动态加载的内容应用主题样式

时间:2012-06-10 20:54:34

标签: jquery mobile themes accordion

我通过页面上的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,但没有任何影响。

我在这里缺少什么?

0 个答案:

没有答案