gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 10:51:23 25 4
gpt4 key购买 nike

我写了一个 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com