2013-10-24 6 views
0

И снова я застрял в процессе обучения. Я пытаюсь анимировать фон сайта с помощью предоставленной помощи here. Но я немного застрял. Поскольку я учу себя javascript (чтобы заменить базовый ActionScript). Мне нравится писать строки за строкой, а не копировать вставку, чтобы я мог понять, как все работает.javascript document ready function

Это то, что я до сих пор:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"><head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>My Site</title> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     window.alert("function started"); 
    }); 
    </script> 
    </head> 

    <body> 
    </body> 
    </html> 

Как вы можете видеть окно предупреждения должно появиться как функция запускается, но это не так. Есть ли причина, почему это происходит, или я должен просто настроить функцию bodyLoad для обработки того, что я хочу делать, когда загружается страница?

+1

Вам нужно включить ссылку на jQuery, http://api.jquery.com/ready/ – Jonathan

+0

wow теперь я чувствую себя глупо. –

+0

отлично работает –

ответ

3

Вы забыли включить JavaScript API на странице JQuery , Он должен быть включен, прежде чем использовать $() функцию (которая является псевдонимом для jQuery() функции в этом случае.)

Если вы проверяете консоль Javascript в браузере вы, вероятно, исключение для пытаться использовать неопределенную $. (В IE удобный трюк при создании веб-разработки - это включить опцию «Дополнительно» для «Отображать уведомление для каждой ошибки сценария», но это может раздражать при посещении других сайтов, потому что многие разработчики отвратительны в определении и исправлении необработанных исключений JS! Современные браузеры обычно используют «F12» (в США по крайней мере), чтобы открыть инструменты разработчика для отладки JavaScript, и т.д.)

Исправленный код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>My Site</title> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() 
     { 
      window.alert("function started"); 
     }); 
    </script> 
</head> 
<body> 
</body> 
</html> 

Этот пример использует Google размещаемый JQuery API , но вы также можете скачать jQuery с http://jquery.com

0

Вы не являетесь пользователем первая загрузка jQuery. jQuery - это библиотека, которую вы пытаетесь вызвать с помощью $. Вы можете скачать его здесь: http://jquery.com/download/. Убедитесь, что вы загружаете jQuery перед кодом javascript.

Смежные вопросы