2015-01-09 69 views
0

所以我想用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;} 
+0

你有沒有安裝JQuery? – 2015-01-09 21:13:41

+0

你沒有包含jQuery ... – 2015-01-09 21:14:19

+0

你也只需要一個'$(function(){...}'或'document.ready' – 2015-01-09 21:14:20

回答

0

我的猜測是你沒有JQuery庫安裝,這是編碼所需的menu.js
You can download it from JQuery.com

+0

真棒,這就是問題所在,非常感謝!使用JS。 – Mark 2015-01-09 21:20:41

1

您menu.js腳本

這將增加的jQuery到你的網站之前添加該代碼

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

此外,如果您是新手JS &其他webdev的東西,檢查您的JS腳本的最佳地點是控制檯(例如從螢火蟲https://addons.mozilla.org/pl/firefox/addon/firebug/)或原生Chrome瀏覽器工具。它會顯示你大部分的錯誤(像你這樣的例子)

相關問題