jQuery Mobile中的可摺疊內容

我有一個簡單的可摺疊內容元素在頁面的頂部有一個列表視圖。該html工作正常。jQuery Mobile中的可摺疊內容

我的問題是，如果用戶打開摺疊塊，我希望它在用戶離開或返回到頁面時自動關閉。可摺疊塊始終保持在用戶離開它的狀態 - 打開。我不知道如何關閉它。我搜索了幾天，但無法找到確切的場景。我發現的大多數解決方案都是處理頁面的動態加載，而且這些解決方案有點太高級了，以至於我無法理解。

我知道這可能是一件簡單的事情，但我對jquery mobile很新。我不知道如何將代碼綁定到html元素或放在哪裏，所以請儘量使用嬰兒步驟工作。

有誰知道如何做到這一點？

來源

2012-05-23 user1204493

嗨，我JQM web應用程序我關閉程序可摺疊塊這樣的：

$（ 'UI塌陷。 '）觸發器（' 崩潰'）。

你應該pageshow綁定事件是這樣的：

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

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

     });

例如，你可以試試這個jsFiddle

來源

2012-05-23 20:42:06 Yann86

謝謝你試圖幫助我。尤其是使用jsFiddle代碼。可悲的是，我仍然無法實現它的工作。我的頁面打開，可摺疊內容關閉。我打開內容並轉到另一頁面。然後返回，可摺疊內容仍然打開。猜猜我只是不明白。頁面ID是正確的，代碼被粘貼到正確的位置。不知道要做更多事情。我將繼續努力研究你提供的內容。再次感謝。 -Rachel – user1204493

你可以發佈你的代碼，看看問題出在哪裏。 – Yann86

知道了！：-）謝謝！這是我做的： user1204493

這一點也適用JQM 1.4：

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

一個能做到這一點：

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

來源

2014-01-02 17:03:15 kitschmaster

jQuery Mobile中的可摺疊內容

回答

相關問題