所以我想用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