jquery-mobile - jQuery Mobile 中的可折叠内容

Question

我在具有 ListView 的页面顶部有一个简单的可折叠内容元素。 html 工作正常。

我的问题是，如果用户打开可折叠 block ，我希望它在用户离开或返回页面时自动关闭。可折叠 block 始终保持在用户离开时的状态——打开。我不知道如何关闭它。我已经搜索了几天，但找不到确切的场景。我发现的大多数解决方案都处理页面的动态加载，它们有点太高级了，我无法理解。

我知道这可能是一件简单的事情，但我对 jquery mobile 还很陌生。我不知道如何将代码绑定(bind)到 html 元素或将它放在哪里，所以请用小步骤来帮助我。

有人知道怎么做吗？

Answer 1

嗨，在我的 jqm 网络应用程序中，我关闭了这样的编程可折叠 block :

$('.ui-collapsible').trigger('collapse');

你应该像这样绑定(bind) pageshow 事件:

$('#your_page_id').bind('pageshow', function(){

            $('.ui-collapsible').trigger('collapse');

       });  

例如你可以试试这个jsFiddle