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

时间:2012-12-13 17:30:22

标签: jquery jquery-mobile collapsable

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

如果您在追加使用$("#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>

修改

好吧我以为你试图将内容附加到可折叠中但是你自己追加整个可折叠的内容然后你应该阅读this文档。正如所解释的那样,你必须像

一样自行更新
.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');

试试这个。