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');