Инициализация SwiperJS не работает

Привет, команда Discourse,

Я пытаюсь добавить SwiperJS на баннер главной страницы, но у меня не получается инициализировать Swiper.

Вот мой код инициализации:

var mySwiper = new Swiper (‘.swiper-container’, {
// Опциональные параметры
direction: ‘horizontal’,
loop: true,
// Если нужна пагинация
pagination: {
el: ‘.swiper-pagination’,
clickable:true,
},
// Стрелки навигации
navigation: {
nextEl: ‘.swiper-button-next’,
prevEl: ‘.swiper-button-prev’,
},
})

Но SwiperJS не работает.
Несколько дней назад я столкнулся с той же проблемой при использовании OwlCarousel.
Думаю, я что-то упустил, но не могу понять что именно.
Кто-нибудь может помочь найти мою проблему? Кто знает, где я ошибся?

PS: Если использовать следующий код для инициализации Swiper и Owl, они оба будут работать, но после каждого возврата необходимо принудительно обновить страницу, чтобы они снова заработали.

$(window).on(“load”, function(){
//…
});

Это просто демонстрация. Вам нужно использовать {{#if displaydiscourseSwiper}}, но после тестирования в after_header оно не отображается.
Лучше также использовать CSS, загрузив CSS и JS библиотеки swss.

ха-ха, спасибо, очень нравится. Это выглядит красиво. :kissing_heart: :kissing_heart: :kissing_heart: