swiperjs 초기화가 작동하지 않습니다

디스코urs 팀에,

홈페이지 배너에 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을 사용했을 때 동일한 문제가 발생했습니다.
무언가를 놓치고 있는 것 같은데, 그것이 무엇인지 알 수 없습니다.
제 문제를 찾아줄 수 있는 사람이 있을까요? 제 실수를 아시는 분 계신가요?
참고: flow를 사용하여 swiper와 owl을 초기화하면 모두 작동하지만, 모든 페이지로 돌아갈 때마다 페이지를 강제 새로고침해야 다시 작동합니다.

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

이것은 단순히 데모일 뿐이며, {{#if displaydiscourseSwiper}}를 사용해야 합니다. 하지만 after_header에서 테스트해 보았더니 표시가 되지 않습니다.
더 좋은 방법은 css를 사용하면서 swss의 css와 js 라이브러리를 로드하는 것입니다.

하하, 고마워, 이거 진짜 좋아. 너무 예쁘다. :kissing_heart: :kissing_heart: :kissing_heart: