我写了一个 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
- jquery-1.11.3.min.js
- jquery.mmenu.all.min.js
CSS
- 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>
关于javascript - mmenu 不工作,看起来像普通的 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34975440/