2013-05-10 84 views
-2

我对Javascript和Jquery相当陌生,但我无法弄清楚为什么我的代码无法在本地正确运行。我已经在JSfiddle中多次测试过它,它在那里工作得很好。当我在本地运行我的页面时.dropDown不会动画,并且不会.slideUp点击其他li元素。这里是我的JSfiddle和我的HTML头,以及你可以看到我打电话。jquery动画不会在本地运行 - 在JSfiddle中运行

<! DOCTYPE HTML > 
<html> 
<head> 
<meta content="text/html; charset=ISO-8859-1" 
http-equiv="content-type"> 

<title>Nav test</title> 

<link type="text/css" rel="stylesheet" 
href="nav.css"> 
<link type="text/css" rel="stylesheet" 
href="jquery-ui.css"> 

<script type="text/javascript" src="jquery-ui.js"></script> 
<script type="text/javascript" src="jquery-1.9.1.js"></script> 
<script type='text/javascript' src="nav.js"></script> 

<meta charset="UTF-8"></head> 
</head> 

在此先感谢。

+0

标记的其余部分在哪里? – 2013-05-10 16:29:02

+0

使用萤火虫查找错误或检查浏览器控制台。 – 2013-05-10 16:29:51

+0

在jQuery UI之前包含jQuery – billyonecan 2013-05-10 16:30:10

回答

0

jQuery UI建立在jQuery之上,增加了jQuery定义的函数和对象。所以你必须包含jQuery脚本之后的jQuery UI脚本

不:

<script type="text/javascript" src="jquery-ui.js"></script> 
<script type="text/javascript" src="jquery-1.9.1.js"></script> 

而是:

<script type="text/javascript" src="jquery-1.9.1.js"></script><!-- First jQuery --> 
<script type="text/javascript" src="jquery-ui.js"></script> <!-- THEN jQuery UI --> 

随着你已经列入他们的顺序执行这些脚本,在JavaScript控制台中,你应该看到类似这样的错误:

Uncaught ReferenceError: jQuery is not defined

(具体文字因浏览器而异)

+0

WOW,非常感谢。永远不会有这样的;现在我明白了! – LetteredFox 2013-05-10 16:34:32

+0

@LetteredFox:不客气!很高兴这有帮助。习惯于在JavaScript控制台中查找(所有浏览器都有)。当事情不起作用时,这真的是第一个看到的地方。 :-) 最好, – 2013-05-10 16:35:20