javascript - mmenu 不工作,看起来像普通的 html

标签 javascript jquery html css mmenu

我写了一个 html 页面只是为了尝试 visual studio 中的 mmenu。当我运行代码时,在单击打开菜单 之前,我看到的只是常规 html。点击打开菜单不会执行任何操作。 enter image description here

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="JS/jquery-1.11.3.min.js"></script>
    <script src="JS/jquery.mmenu.all.min.js"></script>
    <link href="CSS/jquery.mmenu.all.css" rel="stylesheet" />
</head>
<body>
    <div>
        <a href="#myMenu">Open the menu</a>
        <nav id="myMenu">
            <ul>
                <li><a href="#">Sign up</a></li>
                <li>
                    <a href="#">Enter</a>
                    <ul class="vertical">
                        <li><a href="#">Log in</a></li>
                        <li><a href="#">Continue as guest</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
   </div>

    <script type="text/javascript">
    $(document).ready(function () {
        $("#my-menu").mmenu({
            // Options
        });

    });
    </script>
</body>
</html>

在我的元素中我有这些文件:

JS

  1. jquery-1.11.3.min.js
  2. jquery.mmenu.all.min.js

CSS

  1. jquery.mmenu.all.css

运行代码时我没有连接到互联网。 我必须使用 Sass 吗?我看到它在 mmenu 网站的某处提到过,但不知道那是什么。

最佳答案

根据 mmenu 文档,

"The plugin automatically binds a click event that opens the menu to every A element that links to the menu."

为此,您必须在触发器元素的 href 属性中使用菜单的 ID。

<a href="#myMenu">Open the menu</a>
  <nav id="myMenu">
  </nav>

Fiddle Demo

关于javascript - mmenu 不工作,看起来像普通的 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34975440/

相关文章:

javascript - 如果单击网格/表格的新行,则尝试删除 div

javascript - 可变 URL 结构需要 JS 基本路径

javascript - 选择下拉列表不显示(jquery-chosen)

javascript - 在tinymce中将填充更改为文本缩进

javascript - Google map 监听器事件的行为类似于单击,即使它是鼠标悬停

jquery - 动态更改div内容后如何应用jQuery扩展器?

jquery - 动态水平布局

c# - 在文本 block ( block 元素)末尾截断 HTML 内容

javascript - 从 DropBox 上传现场文件

javascript - 如何在 JS replace() 参数中使用字符串