jQuery не работает на моем сайте?

0

Я попытался использовать jQuery на своем веб-сайте, но он, похоже, не работал. Я решил, что делаю что-то неправильно, поэтому я попробовал копировать урок codecademy, который я заполнил на тестовом сайте. Вот код:

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Test Codecademy Lesson</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type='text/javascript' src='script.js'></script>
    </head>
    <body>
        <img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/elevator.png"/>   
    </body>
</html>

CSS

body {
    margin: 0;
    padding: 0;
}
img {
position: absolute;
}

Javascript/JQuery

$(document).ready(function() {
    $('img').animate({top:'+=100px'},1000)
});


Кто-нибудь может сказать мне, почему этот код не работает? Мой браузер Chrome, и у меня есть последняя версия.

  • 5
    Посмотрите в консоли ошибок JavaScript и скажите, какие ошибки вы видите там и на какие строки они указывают.
  • 1
    Что это должно сделать? Что она делает? Какие ошибки вы получаете?
Показать ещё 14 комментариев
Теги:

2 ответа

6

Вам необходимо загрузить библиотеку jquery и сохранить локальные файлы. Вы можете скачать ее из

http://jqueryui.com/

или

вы должны использовать эту ссылку

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

или для сокращенной версии

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js - семейство версий 1.9.1, размещение в Google

Вы также можете ссылаться на это

Есть ли ссылка на "последнюю" библиотеку jQuery в API Google?

Поделиться
  • 0
    @Philipp Sander Спасибо за редактирование для уменьшенной версии
  • 0
    без проблем! я думал, что я добавлю это, потому что minified используется в исходном коде вопроса
2

Изображение не будет загружено с помощью document.ready, лучше использовать window.load чтобы вы могли видеть ваш эффект в действии, поэтому замените следующий код:

$(document).ready(function() {

для этого:

$(window).load(function() {
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню