jQuery не работает. Зачем?

Question

Вы можете найти сайт, который я создаю по адресу here.

Существует menu.js с кодом jQuery. Он должен окрашивать части меню (<li>), когда мышь зависает над этой частью меню (это). Но, похоже, это не сработает. Я связала файл, который необходим для JQuery (jQuery.min.js) на мой home.php, и я сделал то же самое с jquery.animate-colors.js, но он не будет работать. Кто-нибудь знает, почему?

PS: если вы посмотрите на style.css и удалить/* и */вокруг уль # avmenu: с парением {} части, вы увидите, что должно произойти, но я хочу использовать jQuery, потому что я хочу гладкую анимацию.

Answer 1

В вашем коде jQuery сменить ('this') на (this) без кавычек.

Answer 2

что beacuse загружаемой animate.js первый и второй 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> 

Answer 3

вы загружаются одушевленного-Colors JS файл, прежде чем вы загружаете JQuery, таким образом одушевленные цвета не могут получить доступ к функциям 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"> 

Вы можете отлаживать, что кстати, посмотрев на вкладку Console в Firebug. При перезагрузке страницы вы можете увидеть ReferenceError: jQuery is not defined.

Answer 4

Получил это! Но есть и другая проблема. Один из них в меню имеет атрибут class = "active". В моей css была строка кода, в которой говорилось, что тот, у кого класс, активный другой цвет, (независимо от того, является ли это зависанием). Прямо сейчас, мой код jQuery берет на себя все с ul # avmenu a, поэтому один с class = "active" также реагирует на мыши и никогда не будет цветом, который должен быть, а не на наведении курсора и не без него. Как я могу исключить ul # avmenu a.active в мой jQuery (menu.js)?