Slick slider почему не работает

не работает slick slider

Почему не работает слик слайдер? Сделал вроде все по инструкции? Вот ошибка

Вот файл со слайдером (top_slider.php)

Вот главный main.js файл

1 ответ 1

Вы два раза подключаете jquery, плюс старайтесь писать все свои скрипты в одном файле, а не выносить их в html структуру, из-за этого у вас два раза прописано document ready, от этого и идут конфликты в коде.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками javascript html css slick.js или задайте свой вопрос.

Похожие

Подписаться на ленту

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.10.19.40496

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Источник

Не работает slick слайдер, почему?

Всем привет. Все сделал как в документации, но он почему то не работает.. Причем вроде как подключился, но криво. Один из элементов вылазит слева страницы, причем его можно листать, но он не листается, от начала до конца страницы только двигается.. Потом вообще исчезает.. Что не так с этим слайдером?

• Вопрос задан более трёх лет назад
• 4699 просмотров

1 что надо всегда делать, это смотреть на ошибки в консоле, но допустим их там нет, тогда:

Почему тема перед основными стилями?

Убедитесь что $(‘.single-item’) находит, например так:
console.log($(‘.single-item’).length);
выведет в консоль 1 если все ок.

тут явно одна строка лишняя

ну и да, вызывать слик после модалки, причем не просто после модалки, а по событию окно построено. погуглите немножко, все есть там.

для скрытых блоков слик не пашет, это так со всеми слайдерами будет, увы и ах))) или пишите свой слайдер, теоретически можно и на скрытых делать, но будет топорно выглядеть.

Источник

не работает slick slider

Почему не работает слик слайдер? Сделал вроде все по инструкции? Вот ошибка

Вот файл со слайдером (top_slider.php)

Вот главный main.js файл

1 ответ 1

Вы два раза подключаете jquery, плюс старайтесь писать все свои скрипты в одном файле, а не выносить их в html структуру, из-за этого у вас два раза прописано document ready, от этого и идут конфликты в коде.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками javascript html css slick.js или задайте свой вопрос.

Похожие

Подписаться на ленту

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.10.19.40496

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Источник

Как решить проблему с двумя slick-слайдерами на странице?

Друзья, поставил на свой лендинг два разных slick-слайдера. Для каждого из них прописал отдельные свойства и путь к файлам JS и CSS в файле index:

Файлы style.css и common.js общие.
При загрузке страницы ОБА слайдера почему-то используют те данные, которые записаны в slick1. Как я ни пытался добиться того, чтобы они использовали разные свойства, у меня ничего не получается. В чём может быть проблема?
Я новичок в html/css/js, поэтому буду рад любой помощи. Спасибо!

• Вопрос задан более года назад
• 1405 просмотров

Простой 1 комментарий

Вам следует использовать по одному css и js файлу для любого количестве slick-слайдеров на странице.
Если оба слайдера используют одни и те же данные, то тут всего 2 варианта:
1) Вы по ошибке указали один и тот же объект в качестве настроек для обоих слайдеров,
2) Вы инициализировали действительно слайдеры с разными настройками, на одном и том же селекторе.

P.s.Если оба варианта Вам не подходят — приложите js код (можно вместе с html), а то кроме как догадок\предположений ничего не получите.

Вы можете подключить 1 CSS и 1 JS файл к вашему html.
Просто при инициализации используйте разные названия каруселей.

И свойства кидайте на вот эти классы slick1, slick2

Источник