-2

私は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>

前もって感謝します。

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 コンソールに次のようなエラーが表示されます。

Uncaught ReferenceError: jQuery が定義されていません

(正確なテキストはブラウザによって異なります。)

于 2013-05-10T16:31:51.443 に答える