jquery mobile選擇onclose事件

Question

我在jQuery Mobile的 “面板”上實現了一個過濾功能：

• 我通過點擊任何按鈕調用過濾器，面板從左側滑動，並有過濾器選項來設置當前過濾器。
• 如果多個選擇框包含許多選項，它將顯示在覆蓋整個頁面的黑色背景上，並關閉面板。

在關閉多選對話框后，我需要用過濾器重新打開面板...

我用這個：

$('#filter select').bind('change',function(){
    $('#filter').panel('open');
});

如果用戶在打開的對話框中做了任何更改（選擇），這是可以的...
但是如果他只是使用X按鈕關閉此對話框而沒有任何改變呢？ 對話框消失，但面板未重新打開。

非常感謝您的幫助。

Answer 1

根據屏幕大小和選項長度，jQuery Mobile自定義選擇菜單可以轉換為彈出窗口或對話框 。

當selectmenu是對話框時，它會導航到一個新的對話框頁面。 在這種情況下，您可以收聽prevPage 事件以檢索上一個prevPage和下一頁toPage 。

如果上一頁是對話框/選擇菜單，請在下一頁打開面板。

$(document).on("pagecontainershow", function (e, data) {
    var previousPage = data.prevPage,
        nextPage = data.toPage;
    if (previousPage.hasClass("ui-selectmenu")) { /* or ui-dialog */
        $(".ui-panel", nextPage).panel("open");
    }
});

演示