2013-03-14 5 views
2

Хорошо, ребята, я пытаюсь получить дескриптор JQuery, но теперь, когда я действительно его реализую, мне трудно заставить его что-то вернуть. Как и в, я даже не Я уверен, что добавлю простой Javascript-код внизу документа document.write, чтобы убедиться, что файл javascript действительно связан. Он работал хорошо.JQuery не загружается

Если я нажимаю h1, ничего не происходит. вне зависимости от команды Jquery я вхожу, даже если это только внутри $ (документ) .ready, он все равно будет делать ... ничего.

Вот фактический JQuery/Javascript:

$(document).ready(function() { 
    $("h1").click(function() { 
    $(this).animate({color:blue}, 'fast'); 
}); 
}); 

Здесь я нахожу его в HTML (см. Ниже).

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="script.js"></script> 
</head> 

Сценарий .js действительно называется script.js и в том же каталоге, что и HTML. Я немного новичок в обоих, так что это может быть ошибкой новичка.

ответ

2

В вашем коде есть ошибка, вы бы лучше использовали некоторые инструменты для разработчиков во время тестирования, чтобы их поймать.

Uncaught ReferenceError: blue is not defined

линия:

$("h1").animate({color:blue}, 'fast'); 

ожидает синий, чтобы быть переменной, вы должны сделать это строка.

$("h1").animate({color:'blue'}, 'fast'); 

Также, как упоминалось в dystroy, вам нужен плагин или файлы пользовательского интерфейса jQuery. Дополнительные примечания из документации:

Note: The jQuery UI project extends the .animate() method by allowing some non-numeric styles such as colors to be animated. The project also includes mechanisms for specifying animations through CSS classes rather than individual attributes.

+0

ОП, вам лучше всего принять этот ответ, это самый полный. –

+0

* (извините, я хотел попробовать новую конструкцию английского текста, которую я только что узнал) * –

+0

ха-ха, сумасшедший английский. Я даже не уверен, что это действительно так, я всегда вырос, используя его и слыша. – rlemon

1

От documentation:

All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality (For example, width, height, or left can be animated but background-color cannot be, unless the jQuery.Color() plugin is used).

Это главная проблема: если вы попробуете код с числовым свойством, it works.

Если вы действительно хотите анимировать цвета, я бы предложил использовать упомянутый плагин.