时间戳

首页 > 解决方案 > Framework 7 V2：如何在 android 设备后退按钮中关闭弹出覆盖

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

问题描述

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

请帮忙。

问候吉里哈

标签： androidcordovahtml-framework-7

解决方案

您需要手动处理“后退按钮”事件：

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

推荐阅读