swiper 질문

swiper 질문

QA

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
},

답변을 작성하시기 전에 로그인 해주세요.
전체 93
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT