-2

私が構築しているウェブサイトはhereにあります。

いくつかの jQuery コードを含むmenu.jsがあります。<li>マウスがメニューのその部分 (this) の上に置かれたときに、メニューの部分 ( ) に色を付ける必要があります。しかし、うまくいかないようです。jQuery に必要なファイル ( jQuery.min.js ) をhome.phpにリンクし、 jquery.animate-colors.jsで同じことをしましたが、うまくいきません。理由を知っている人はいますか？

PS: style.cssを見てul#avmenu a:hover{}部分の /* と */ を削除すると、どうなるかがわかりますが、スムーズなアニメーションが必要なので、jQuery を使用したいと考えています。

4

4 に答える 4

1

これは、最初に animate.js をロードし、2 番目に jquery をロードしているためです。animate.js は jquery に依存しているため、エラーは jQuery が定義されていないことを示しています...最初に jquery.js をロードします

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"</script>
<script src="jquery.animate-colors.js"></script>
于 2013-06-30T10:28:55.630 に答える
0

とった！しかし、今は別の問題があります。メニューの li の 1 つにclass="active"属性があります。私のcssには、アクティブなクラスを持つものが別の色を持っているというコード行がありました（ホバーであるかどうかに関係なく）。現在、私のjQueryコードはul#avmenu aですべてを引き継いでいるため、class="active"を持つものもマウスオーバーに反応し、マウスオーバーではなく、それがない場合でも本来あるべき色にはなりません。jQuery (menu.js) でul#avmenu a.activeを除外するにはどうすればよいですか?

于 2013-07-04T21:53:27.187 に答える
0

jQuery コードを引用符なしに変更('this')し(this)ます。

于 2013-06-30T10:28:35.903 に答える
0

jqueryをロードする前にanimate-colors jsファイルをロードしているため、アニメーションカラーはJquery関数にアクセスできません...

したがって、代わりに：

<script src="jquery.animate-colors.js">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">

次のようにします。

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> 
<script src="jquery.animate-colors.js">

Firebug の [コンソール] タブを見ると、そのところでデバッグできます。ページをリロードすると、 aReferenceError: jQuery is not definedが指定されていることがわかります。

于 2013-06-30T10:29:44.593 に答える