Почему слайдеры не работают

Почему не работает слайдер?

Я понимаю, что какие-то проблемы с подключением, а именно с порядком. Но никак не могу поставить, чтобы работало все нормально.

вот такие подключения внизу. а это код для слайдера:

3 ответа 3

Браузеры читают код как люди текст, с лева на право, с верху в низ. Для работы Swiper нужен Jquery а поскольку Swiper в html стоит выше чем Jquery то при инициализации слайдера он не смог найти функции и методы jquery.

А вы точно подключили swiper css?

Если свайпер работает на jquery, то jquery нужно поднять. Ну а вообще круто было бы полностью ошибку почитать.

С начала квери потом слайдер потом все остальное

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

Похожие

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

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

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

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

Источник

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

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

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

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

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

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

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

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

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

Источник

не работает слайдер на главной странице что делать? Есть решение

Я хотела установить слайдер на главную страницу но не получается

в парамерты главной страницы прописываю настройки слайдера но сайт их не видит

хотя на других страницах сайта параметры страницы стоят и слайдер настроен

Высылаю вам скриншоты

Здравствуйте!
Вы не туда добавляете дополнительные параметры.

Хотя у вас уже созданы текстовые страницы, но текстовой страницы на главную не создано.
Вам нужно зайти в приложение сайт — страницы и нажать на «+» (создать новую страницу).

Наполнить её. И сохранить. Затем после сохранения нажать на настройки страницы.
Найти поле URL страницы и удалить всё, что в нём, чтобы оно было пустым.

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

Источник

Не работает встроенный слайдер ThemePix

Здравствуйте, уважаемые форумчане!
Прошу помощи на предмет, как решить следующую проблему. Поменял шаблон ThemePix. Все бы хорошо, да вот только встроенный слайдер не работает. Фото последних материалов необходимой рубрики (отмеченной в админке) не отображается. Точнее видно только одно фото (последней статьи), а сквозь него, такое чувство, проступает слабо следующая картинка/и. Словом, слайдер словно завис. Посему, прошу советы, как устранить это недоразумение.
Заранее благодарен!

Вы не указали адрес блога или причину создания этой темы.

Вы обратились в форум поддержки для блогов, размещенных на WordPress.com. Если речь идет о блоге на WordPress, установленном на стороннем сервере, то вам следует обратиться за помощью в форумы WordPress.org.

Если вы не знаете, в чем заключается разница между WordPress.com WordPress.org, эта информация может оказаться полезной.

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

Сообщение было создано автоматически.

Фаербаг находит две такие ошибки:
Uncaught TypeError: jQuery(…).superfish is not a function
Uncaught TypeError: jQuery(…).cycle is not a function

Фрагмент кода, где фиксируется первая:
jQuery.noConflict();
jQuery(function() <
jQuery(‘ul.navi-primary’).superfish( <
animation: ,
autoArrows: true,
dropShadows: false,
speed: 200,
delay: 800
>);
>);

jQuery(function() <
jQuery(‘ul.navi-secondary’).superfish( <
animation: ,
autoArrows: true,
dropShadows: false,
speed: 200,
delay: 800
>);
>);

Заранее приношу свои извинения, если как-то некорректно описал свою проблему и если не указал всей нужной информации для содействия в ее решении. Все, что нужно, предоставлю. Знать бы только что…

Более не актуально. Решил сам методом вычитки кода похожего шаблона того же издателя. Спасибо.

The topic ‘Не работает встроенный слайдер ThemePix’ is closed to new replies.

Источник

Как решить проблему с отображением слайдера Slick?

Здравствуйте, проблема такая.

Есть два таба, в обоих табах есть слайдер slick.

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

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

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

ohikoshimi, Ещё вариант есть, инициировать слайдер повторно, при открытии модального окна, тогда он начинает пересчёт параметров и открывается с обновлёнными данными.
К примеру, так:

Как видишь, событие нажатия вызывает модальное окно (у меня открытие модальки происходит в другой функции, а тебя должно быть по своему, или в этой дописать код), проверяет открыто ли (visible) и производит действия после заданного времени. Время должно быть не меньше того, сколько отводится на открытие модального окна.

Источник