Question

我对Javascript和Jquery相当新，但我无法弄清楚为什么我的代码无法在本地正常运行。我已经在JSfiddle中对它进行了多次测试，它在那里工作得很好。当我在本地运行我的页面时，.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>

提前致谢。

Answer 1

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

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

Jquery动画不会在本地运行 - 在JSfiddle中运行

1 个答案: