所以我想用HTML/CSS/JS制作一个简单的下拉菜单。 小提琴这工作得很好。Javascript未在我的网站上运行
http://jsfiddle.net/SLGdE/984/
但是,如果我尝试在我的网站相同的代码它不工作。我必须激活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;}
你有没有安装JQuery? – 2015-01-09 21:13:41
你没有包含jQuery ... – 2015-01-09 21:14:19
你也只需要一个'$(function(){...}'或'document.ready' – 2015-01-09 21:14:20