2015-01-09 68 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浏览器工具。它会显示你大部分的错误(像你这样的例子)

相关问题