jquery移动可折叠小部件样式不工作

我试图在jquery mobile中包含一个可折叠的小部件。 内容是动态的,所以我使用标记来做到这一点,但仅仅是为了说明我已经包含了默认文本。 以下代码不会显示任何窗口小部件,但只显示文本,窗口小部件的样式不会出现。 这是我的javascript

description_markup += '

Description heading

'+description+'

'; $('#Desc').empty().append(description_markup);

HTML

  

当我将Desc div放在内容div之外时,文本显示为黑色背景。

请帮忙

jQuery Mobile团队仍在努力创建可折叠的方法,例如refresh 。 不幸的是,折叠现在不接受任何方法。 因此,用新的替换当前可折叠是唯一的方法。

演示

 var description_markup = '

Description heading

collapsible

'; $('#Desc').replaceWith(description_markup); $('#Desc').collapsible();

如果可折叠function得到增强且您不想替换它,您仍然可以进行修改。

 $('#Desc .ui-btn-text').text('new header'); $('#Desc .ui-collapsible-content').append('

new content

');

在可折叠内插入小部件需要.trigger('create')来增强小部件标记

 $('#Desc .ui-collapsible-content').append('').trigger('create');