Question

所以我想用HTML / CSS / JS创建一个简单的下拉菜单。在小提琴中这很好用。

但是，如果我在我的网站上尝试相同的代码，它就不起作用。我是否必须激活JS或其他什么？我迷路了。我已经尝试在头部，身体部分移动JS，现在我在外部使用它。

以下是我在网站上的说法：

test.php的

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style2.css">
<title></title>
<script src="menu.js"></script>
</head>

<body>

<h4 id="menu1"></h4>
<ul>Menu1
<li class="submenu1">Status</li>
<li class="submenu1">Submenu 2</li>
<li class="submenu1">Submenu 3</li>
</ul>

<ul id="menu2"><h4>Menu2</h4>
<li class="submenu2">Submenu 1</li>
<li class="submenu2">Submenu 2</li>
<li class="submenu2">Submenu 3</li>
</ul>

</body>
</html>

menu.js

$(function() {
$('#menu1').click(function(){
$('.submenu1').slideToggle();
});
});

$(function() {
$('#menu2').click(function(){
$('.submenu2').slideToggle();
});
});

style2.css

.submenu1{display:none;}
.submenu2{display:none;}

Answer 1

添加此代码

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

在menu.js脚本之前

它会将jQuery添加到您的网站。

另外，如果您不熟悉JS＆amp;其他webdev的东西，检查你的JS脚本的最佳位置是控制台（例如来自firebug https://addons.mozilla.org/pl/firefox/addon/firebug/）或本机chrome webdeveloper工具。它会向您显示大多数错误（例如您的示例中的错误）

Answer 2

我的猜测是你没有安装JQuery Library，这是menu.js编码所必需的。
You can download it from JQuery.com

Javascript没有在我的网站上运行

2 个答案: