jquery mobile collapsible set动态创建显示的方法:

场景：我从后台获取数据后在手机上要以jquery mobile collapsible set方式显示。

解决方法：

从后台获取数据后拼接成jquery mobile代码如下:

<div data-role="collapsibleset" data-theme="a" data-content-theme="a">
    <div data-role="collapsible">
        <h3>Section 1</h3>
    <p>I'm the collapsible content for section 1</p>
    </div>
    <div data-role="collapsible">
        <h3>Section 2</h3>
    <p>I'm the collapsible content for section 2</p>
    </div>
    <div data-role="collapsible">
        <h3>Section 3</h3>
    <p>I'm the collapsible content for section 3</p>
    </div>
</div>

然后插入到页面中，那么问题来了，插入后不会显示成jquery mobile demo中collapsible set的样式，而是显示成普通的html。
在页面中插入拼接好的html后执行下面的一句代码就可以了。

$("#patientInfoContentList").trigger( "create" );