jquery mobile中的可折叠内容

Question

我在页面顶部有一个简单的可折叠内容元素，它有一个列表视图。 HTML工作正常。

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

我知道这可能是一件简单的事情，但我对jquery mobile很新。我不知道如何将代码绑定到html元素或将其放在哪里，所以请按照我的步骤工作。

有谁知道怎么做？

Answer 1

您好，在我的jqm网络应用中，我以编程方式关闭可折叠块：

$（ 'UI可折叠 '）的触发器（' 崩溃'）;

你应该像这样绑定pageshow事件：

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

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

       });  

例如，您可以尝试此jsFiddle

Answer 2

这适用于jQM 1.4：

$('#yourdivId').collapsible('collapse');

可以做到这一点：

$(document).on("pageshow", "#yourpageId", function () {
  $('#yourdivId').collapsible('collapse');
})