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

Question

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

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

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

有谁知道如何做到这一点？

score 5 · Accepted Answer

嗨，在我的 jqm Web 应用程序中，我以编程方式关闭可折叠块，如下所示：

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

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

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

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

       });

例如你可以试试这个jsFiddle

score 1 · Accepted Answer

这适用于 jQM 1.4：

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

可以这样做：

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

2 回答 2