swiper 질문
본문
<div id="box">
<div class="swiper-wrapper" >
<div class="swiper-slide >
<div class="item_lists" id="swiper-container-slide1000003219">
<ul class="swiper-wrapper" >
<li class="swiper-slide"><a href="#">내용</a></li>
<li class="swiper-slide"><a href="#">내용</a></li>
<li class="swiper-slide"><a href="#">내용</a></li>
</ul>
</div>
</div>
<script id="rendered-js">
$(document).ready(function () {
var mySwiper = new Swiper('#swiper-container-slide1000003219', {
slidesPerView : 'auto',
spaceBetween : 10,
});
});
</script>
<div class="swiper-slide" >
<div class="item_lists" id="swiper-container-slide1000001668">
<ul class="swiper-wrapper" >
<li class="swiper-slide"><a href="#">내용</a></li>
<li class="swiper-slide"><a href="#">내용</a></li>
<li class="swiper-slide"><a href="#">내용</a></li>
</ul>
</div>
</div>
<script id="rendered-js">
$(document).ready(function () {
var mySwiper = new Swiper('#swiper-container-slide1000001668', {
slidesPerView : 'auto',
spaceBetween : 10,
});
});
</script>
</div>
<div class="swiper-pagination"></div>
</div>
<script >
$(document).ready(function () {
var swiper = new Swiper("#box", {
scrollbarDraggable: false,
touchRatio: 0,
loop: true,
effect : 'fade',
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
navigation: {
nextEl: ".swiper-pagination",
},
});
$( ".swiper-pagination" ).prepend( "다른 추천상품 더보기 );
});
</script>
이렇게 했는데,
item_lists에 li a태그가 1번재 빼고는 안먹히네여 ㅠ
2,3번째 li에 a태그가 안먹혀요 ㅠ
effect : 'fade'를 없애면 a태그가 먹히긴 하던데
fade를 넣어야되는 상황이라..
어떻게 해결할 수 있을까요?
답변 1
<div class="swiper-slide > <!-- 여기 쌍따옴표 빠졌어요
effect: 'fade',
fadeEffect: {
crossFade: true
},
쌍따옴표는 요기 글쓰면서 제가 지웠나봐용 ㅠㅎ
저 소스코드도 넣어봤는데 안되더라구용 ㅠ흑
답변을 작성하시기 전에 로그인 해주세요.