swiper를 pug에서 사용하는데 있어 질문입니다!

Question

head meta(charset&#61;'utf-8') style include style.css include toggleCheckBox.css link(rel&#61;'stylesheet' href&#61;'https://unpkg.com/swiper/swiper-bundle.css') link(rel&#61;'stylesheet' href&#61;'https://unpkg.com/swiper/swiper-bundle.min.css') script(src&#61;'https://unpkg.com/swiper/swiper-bundle.js') script(src&#61;'https://unpkg.com/swiper/swiper-bundle.min.js') script(src&#61;'../package/swiper-bundle.min.js')일단 상단에는 이렇게 되어있고// Swiper.swiper-container .swiper-wrapper .swiper-slide Slide 1 .swiper-slide Slide 2 .swiper-slide Slide 3 .swiper-slide Slide 4 .swiper-slide Slide 5 .swiper-slide Slide 6 .swiper-slide Slide 7 .swiper-slide Slide 8 .swiper-slide Slide 9 .swiper-slide Slide 10 .swiper-button-next .swiper-button-prev// Initialize Swiperscript. var swiper &#61; new Swiper('.swiper-container', { navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); 슬라이드 코드는 이렇게 짜여 있습니다. ...사실 그냥 코드를 그대로 긁어와서 pug로 바꾼건데 적용이 안되는 중입니다.html에서는 잘 되던 놈이 항상 pug로 바꾸면 이렇게 되는걸까요.결과물을 보면 화살표가 잘 생기는걸 보아하니 css파일은 잘 적용이 된 듯 한데 js가 적용이 안된것 같습니다. 혹시 제가 어디 잘못한 곳이 있을까요?

husk · Answer

pug에 슬라이드 안되는 이유가맨 마지막의 스크립트를 넣는곳이 문제였나 봅니다.아예 js 파일을 만들어서 넣었습니다.window.onload = function(){ var swiper = new Swiper('.swiper-container', { pagination: { el: '.swiper-pagination', type: 'progressbar', }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); } <위 코드 수정>form .swiper-container .swiper-wrapper .swiper-slide p 질문을 입력하는 곳 1 input(type='checkbox' name="question 1") .swiper-slide p 질문을 입력하는 곳 2 input(type='checkbox' name="question 1") .swiper-slide p 질문을 입력하는 곳 3 input(type='checkbox' name="question 1") .swiper-slide p 질문을 입력하는 곳 4 input(type='checkbox' name="question 1") .swiper-slide p 질문을 입력하는 곳 5 input(type='checkbox' name="question 1") .swiper-slide submit script(src='sprites/initialSwipe.js')

swiper를 pug에서 사용하는데 있어 질문입니다!

1개의 답변

Q&A 목록