Почему модальное окно не отображается?

Question

[Станислав Григорьев]

Задача состоит в том, чтобы при нажатии на карточку товара появлялось полноэкранное окно с данным товаром.
Мой код - https://jsfiddle.net/gsv60/2qe8oh3g/1/
Вдохновлялся этим - https://codepen.io/rauldronca/pen/QEraba
Предупреждение!
Могут вытечь глаза! Первый раз делаю анимацию и модальное окно.

Answer 1

[dev null]

У вас jQuery не подключен

Comments

[Станислав Григорьев]

Да, спасибо, это я молодец. В песочнице все заработало, а вот у меня все так же.

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

Такая запись должны быть в шапке? Или классы, которые отвечают за вызов нужно выше прописывать?

[dev null]

Станислав Григорьев, В шапку нежелательно скрипты вставлять, лучше перед </body>. Важно, что бы ваш скрипт был подключен после скрипта с jquery

[Станислав Григорьев]

Олег Светличный, сам скрипт как раз перед </body>, JQuery подключаю в шапке
UPD: все перенес перед </body>, js стал подавать знаки жизни

Answer 2

[0xD34F]

Не подключен jquery.

Лишний пробел в стилях - вместо .modal-wrapper .open { должно быть .modal-wrapper.open {.

Comments

[Станислав Григорьев]

Спасибо!