javascript - mmenu 未在链接页面上关闭

标签 javascript jquery html css

我目前正在另一个安装了 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/ 谢谢

关于javascript - mmenu 未在链接页面上关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25213964/

相关文章:

javascript - 是否允许 JS 嵌套回调?

c# - 如何覆盖 express js 默认的 Keep Alive 行为

php - 为什么 FlexySlider 幻灯片没有加载到这个 WordPress 主题中?

javascript - 如何从 WordPress 中的 ajax 处理程序调用我主题的 functions.php 中的方法?

html - 如何在 Edge 浏览器中删除表格单元格之间的空白

Javascript - 来自 chrome 扩展的双重回调不适用于 "this"

jquery - OCS 在基于 AJAX 的 SharePoint Web 部件中的存在

javascript - 如何在按下按键时在 typeahead 中触发 ajax

android - 使用 jQuery Mobile 在 iOS 和 Android 中的标签的子元素上不触发单击事件

javascript - OO Javascript 从同一对象的另一个方法调用方法