【问题标题】:mmenu not working, looks like regular htmlmmenu 不起作用,看起来像普通的 html
【发布时间】:2016-01-24 11:54:27
【问题描述】:

我写了一个 html 页面只是为了尝试 Visual Studio 中的 mmenu。当我运行代码时,在单击打开菜单之前,我看到的只是普通的 html。点击打开菜单不会做任何事情。

<!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 网站的某处看到它,但不知道那是什么。

【问题讨论】:

    标签: javascript jquery html css mmenu


    【解决方案1】:

    根据 mmenu 文档,

    "插件自动绑定一个打开菜单的点击事件 每个链接到菜单的 A 元素。”

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

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

    Fiddle Demo

    【讨论】:

    • 我不明白。我确实在第 10 行有这个。就在 body 和 div 开始标签之后。
    • 您在脚本中更改了吗?
    • 是的。我告诉你了。结果相同。):
    • 您可以将您的代码复制到 jsfiddle 并在此处引用链接吗?应该是一个简单的问题。还有你用什么服务器来运行代码?还要在浏览器开发工具中检查是否加载了 JS lib 和 css。
    • 我希望这可行,因为这是我第一次使用 jsFiddle。 Here.。我正在使用自己的计算机来运行代码。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-06-02
    • 2017-05-18
    • 1970-01-01
    • 2016-12-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多