jquery - Jquery Mobile 可折叠内容丢失可折叠区域

Question

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

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

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

-- 我确实使用 $page =$(pageSelector);

尝试使用 - $page.page(); $.mobile.changePage($page); 正在打破页面返回按钮。

Answer 1

如果您在附加使用时附加整个可折叠 div，$("#id").append("content").trigger('create');或者您可以保持可折叠 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');

尝试这个。