테스트 사이트 - 개발 중인 베타 버전입니다

swiper 질문 채택완료

</p>

<p><div id="box"></p>

<p>    <div class="swiper-wrapper" ></p>

<p>        <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></p>

<p>        <script id="rendered-js">

        $(document).ready(function () {

            var mySwiper = new Swiper('#swiper-container-slide1000003219', {

                slidesPerView : 'auto',

                spaceBetween : 10, 

            });

        });

        </script></p>

<p>

        <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></p>

<p>        <script id="rendered-js">

        $(document).ready(function () {

            var mySwiper = new Swiper('#swiper-container-slide1000001668', {

                slidesPerView : 'auto',

                spaceBetween : 10, 

            });

        });

        </script></p>

<p>    </div>

      <div class="swiper-pagination"></div>

</div></p>

<p><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",

        },

    });</p>

<p>    $( ".swiper-pagination" ).prepend( "다른 추천상품 더보기 );

});</p>

<p></script></p>

<p>

 

이렇게 했는데, item_lists에 li a태그가 1번재 빼고는 안먹히네여 ㅠ 2,3번째 li에 a태그가 안먹혀요 ㅠ effect : 'fade'를 없애면 a태그가 먹히긴 하던데  fade를 넣어야되는 상황이라..

어떻게 해결할 수 있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

쌍따옴표는 요기 글쓰면서 제가 지웠나봐용 ㅠㅎ
저 소스코드도 넣어봤는데 안되더라구용 ㅠ흑

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고