Jquery не работает с codepen

avatar
Abby
7 апреля 2018 в 23:42
183
1
0

Я новичок в программировании и был бы очень признателен за помощь. Мой jquery не работает в codepen. Я попытался добавить jquery в панель настроек, и он все еще не работает. На самом деле я добавил свой jquery в верхнюю часть моего раздела html в codepen внутри тегов скрипта.

<script>
    $(document).ready(function() {
      $("h2").addClass("animated bounce");
    });
</script>
Источник
fastr.de
7 апреля 2018 в 23:47
1

какое сообщение об ошибке? можете ли вы предоставить скриншот, который показывает, как именно вы добавили jquery и/или больше вашего кода.

Abby
7 апреля 2018 в 23:53
0

@Hikarunomemory, я пытался добавить, но это не работает.

gaetanoM
7 апреля 2018 в 23:54
0

где коден?

Abby
7 апреля 2018 в 23:54
0

@fastr.de это не позволяет мне загружать сюда фотографии, но я зашел в настройки, на javacript я добавил как jquery, так и пользовательский интерфейс jquery, и он все еще не работает.

Hikarunomemory
7 апреля 2018 в 23:55
0

вы собираетесь добавить 2 класса или только 1?

Abby
7 апреля 2018 в 23:55
0

codepen.io/aabla/pen/aYYOxy @gaetanoM

Abby
8 апреля 2018 в 00:02
0

@Hikarunomemory хорошо, я хотел убедиться, что это работает, поэтому я попробовал анимированный отскок, как на уроке freecodecamp. я считаю, что это считается 2 классами, так как они разделены пробелом

gaetanoM
8 апреля 2018 в 00:02
0

взгляните на обновленный

Abby
8 апреля 2018 в 00:08
1

@gaetanoM это сработало! большое спасибо! поэтому я могу просто добавить эту функцию в javascript вместо html ^^ Большое спасибо

Ответы (1)

avatar
Dalokey
8 апреля 2018 в 00:28
0

добавьте следующее в окно HTML для загрузки JQuery.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Не знаю, как работает codepen, но обычно, когда вы хотите использовать JQuery, вы загружаете файл JQuery, а затем загружаете файл локально, например:

<script src="jquery-3.3.1.min.js"></script>

Или используйте этот код, если вы не работаете с локального компьютера или просто не хотите его загружать:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Надеюсь, это поможет.