swiper 질문입니다 ㅠ
본문
<div id="con1" class="tab-content current">
<div class="swiper-container slider-main">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<img src="#" alt="">
</li>
<li class="swiper-slide">
<img src="#" alt="">
</li>
<li class="swiper-slide">
<img src="#" alt="">
</li>
</ul>
<div class="swiper-pagination"></div>
</div>
</div>
<div id="con2" class="tab-content">
<div class="swiper-container slider-main2">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<img src="#" alt="">
</li>
<li class="swiper-slide">
<img src="#" alt="">
</li>
<li class="swiper-slide">
<img src="#" alt="">
</li>
</ul>
<div class="swiper-pagination2"></div>
</div>
</div>
<script>
$(function(){
var mainslider = new Swiper('.slider-main', {
pagination: {
el: '.swiper-pagination',
type: 'progressbar',
},
});
var mainslider = new Swiper('.slider-main2', {
pagination: {
el: '.swiper-pagination2',
type: 'progressbar',
},
});
});
</script>
progressbar 를이용하려고 하고,
슬라이드를 2개 넣었는데
하나만 작동을 합니다 ㅠㅠ
이유가 뭘까요?ㅠㅠㅠ
답변 3
변수명이 동일해서?
변수명은 다릅니당...
mainslider 로 변수명이 동일하신거 같은데요?
변수명이 다르다고 되지는 않습니다 ㅠㅠ
질문 전에 해본결과 ㅠㅠ
다른방법으로 해결하였습니다.
update 관련 기능으로 해결했습니다
답변 감사합니다 ㅎ
update으로 해결된거라면 초기 렌더 후 제대로 불러오지를 못한것 같아요.
렌더링 끝난 시점에서 불러올 수 있도록 $(function(){를 없애주고 하는것도 괜찮을것 같습니다.
