jQuery

Общее
1

Всем привет, вопрос не касается напрямую курсов. Очень здорово, что здесь можно писать HTML и CSS код, но иногда хочется это делать и у себя на компьютере. Я начал использовать WebStrom. Создал там проект. Без проблем получается создавать HTML и СSS файлы, запускать их и смотреть в браузере, что получается. Но когда дело доходит до введение интерактива, а именно добавление JavaSkript с подключенными библиотеками jQuery, то в браузере ничего не происходит. Вот пример кода:

$(document).ready(function() {
$('div').mouseenter(function() {
    $(this).animate({
        height: '+=10px'
    });
});
$('div').mouseleave(function() {
    $(this).animate({
        height: '-=10px'
    });
});
$('div').click(function() {
    $(this).toggle(1000);
});

});

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

2

А как Вы подключаете и в каком месте в HTML документе?

3

Сначала я в настройках скачал эти библиотеки и установил их:

После этого создал проект, в нем три файла html, css и js, во внешних библиотеках эти две теперь видны и WebStorm не ругается на методы jQuery, теперь он их как бы видит:

После этого запускаю(в хроме) и ничего не происходит

4

Я не работал в WebStorm’е, но подключить библиотеку надо еще в теле
Перед вызовом скрипта “movie.js” (если это тот, что в первом посте)

т.е. сначала Вы должны подключить библиотеку jquery, А потом сам скрипт

1 лайк
5

Спасибо Вам! Помогло, теперь все работает :slight_smile:

6

Тьфу блин, оговорился. не в теле, а в head - заголовке документа, либо в теле документа, но тогда лучше перед закрывающим тегом body.

7

Ну это я понял, так что не переживайте :smiley: