-2

我对 Javascript 和 Jquery 还很陌生，但我一生都无法弄清楚为什么我的代码不能在本地正常运行。我已经在 J​​Sfiddle 中对其进行了多次测试，并且在那里运行良好。当我在本地运行我的页面时.dropDown不会向下动画，并且在单击.slideUp其他li元素时也不会。这是我的JSfiddle和我的 HTML 头，所以你可以看到我在调用什么。

<! 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>

提前致谢。

4

1 回答 1

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 控制台中，您应该会看到如下错误：

未捕获的 ReferenceError：未定义 jQuery

（确切的文本会因浏览器而异。）

于 2013-05-10T16:31:51.443 回答