Framework 7 V2：如何关闭 android 设备后退按钮中的弹出窗口覆盖

Question

我正在使用框架 7 版本 2，使用覆盖弹出窗口显示菜单，在我打开菜单弹出窗口后，如果我按下设备后退按钮，弹出窗口不会关闭。

请帮忙解决这个问题。

问候吉里加

Answer 1

您需要手动处理'backbutton'事件：

function onDeviceReady() {
    document.addEventListener('backbutton', onBackButton, false);
}

function onBackButton() {
   if ($('.modal-in').length > 0) {
        app.dialog.close();
        return false;
    }
}

或者切换到 framework7 V4 并使用内置支持向前和向后导航的可路由模式：https://framework7.io/docs/routes.html#routable-modals

Framework 7 V2：如何关闭 android 设备后退按钮中的弹出窗口覆盖

Framework 7 V2: How to close popup overlay in android device back button

android

cordova

html-framework-7