Jquery mobile 可折叠集合与jquery mobile中的上述元素重叠

这是我的代码示例

<div data-role='content'>
<div data-role='content'>
some text here
</div>
<ul data-role=collasible-set'>
    <li>my contenet here<li>
<ul>
</div>

---

但实际情况是可折叠集与上面的div元素重叠。请帮助我解决此问题

这不是一个正确的可折叠集结构，请参阅JQM演示并尝试正确的结构。我仅以上面的代码为例，但当页面完全加载时，我得到了预期的可折叠列表。但是当使用ajax获取内容时，这个可折叠的集合与上面的div重叠，并且触发器事件可以在fiddle上静态地再现这个集合？它涉及ajax发布和更新特定id。如果没有Ajax，静态元素只能看到最终结果。

$('[data-role=collapsible-set]').collapsibleset().trigger('crete');