Jquery 移动可折叠内容 失去可折叠区域

Question

我基本上是在构建动态可折叠内容，该内容在页面更改完成时调用。

可折叠内容的创建是在页面更改时生成的，并使用许多div 动态填充。第一个可折叠部分设置为打开（未折叠）

当我转到上一页并返回动态可折叠内容页面时，我丢失了可折叠部分格式 （css）

-- 我确实使用$page =$（页面选择器）;

尝试使用 -$page.page（）;$.mobile.changePage（$page）;正在断开"后退"按钮。

Answer 1

如果您在追加时使用$("#id").append("content").trigger('create');时附加整个可折叠div，或者您可以保持可折叠div 静态并附加内容，例如

<div data-role="collapsible" data-content-theme="c">
   <h3>Header</h3>
   <div id="content"></div>
</div>
<script>
    $("#content").append('data');
</script>

编辑：

好的，我以为您正在尝试将内容附加到可折叠中，但是您正在附加整个可折叠本身，那么您应该阅读此文档。如前所述，您必须像更新布局本身一样

.trigger('updaelayout');

附加可折叠对象后。

编辑 2：

<div data-role=collapsible>
   <h3>Header</h3>
    <div id="data-set" class="ui-collapsible-content ui-body-c ui-corner-bottom">
    </div>
</div>
$("#data-set").append('data');

试试这个。