链接页面上的菜单没有关闭

mmenu not closing on link pages

本文关键字：菜单 链接      更新时间：2023-09-26

我目前正在另一个安装了mmenu的移动网站上工作，只要滚动打开显示菜单，所有工作都很好，但所有菜单项都是外部链接。当我点击外部链接时，页面将超链接到所选页面，而无需先关闭菜单。是否有使菜单关闭之前加载外部链接?

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />
<script type="text/javascript" src="../js/jquery.mmenu.min.all.js"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css" />
<link type="text/css" rel="stylesheet" href="../css/main.css" />
    <script type="text/javascript">
        $(document).ready(function() {
        $("#menu").mmenu({
            classes: "mm-zoom-panels",
            counters: true
            });
        });
    </script>
</head>
<body>
    <div id="page"><a href="main.asp">
        <img border="0" src="../images/header.png" width="100%"></a>
        <div class="header">
            <a href="#menu"></a>
        </div>
        <div class="content">
        <div align="center">
    </div>
</div>
        <nav id="menu">
            <ul>
                <li><a href="main.asp">Today</a></li>
                <li><a href="times.asp">Times</a></li>
                <li><a href="setting.asp">Settings</a></li>
                <li><a href="index.asp">Log out</a></li>
            </ul>
        </nav>
    </div>
</body>

提前感谢!!

试试这个代码

$("#menu").mmenu({
    classes: "mm-zoom-panels",
    counters: true,
    onClick: {
        close: true
    }
});

查看更多信息:-http://mmenu.frebsite.nl/documentation/options/由于

相关文章：