제이쿼리 질문좀 드리겠습니다.
본문
안녕하세요 질문좀 드리겠습니다
탭메뉴 안에 스와이프 슬라이드를 넣은건데
스와이프 슬라이드가 작동을 안합니다 ㅠㅠ
혹시 뭐떄문인지 알려주시면 감사하겠습니다
<script>
$(function () {
$(".tab_content").hide();
$(".tab_content:first").show();
$("ul.tabs li").click(function () {
$("ul.tabs li").removeClass("active").css("color", "#797979");
//$(this).addClass("active").css({"color": "darkred","font-weight": "bolder"});
$(this).addClass("active").css("color", "#fff");
$(".tab_content").hide()
var activeTab = $(this).attr("rel");
$("#" + activeTab).fadeIn()
});
});
var swiper = new Swiper('.swiper-container', {
spaceBetween: 30,
centeredSlides: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
답변 2
9번째줄, 11번째줄 끝에 세미콜론(;)빠졌어요오오오~~~~
$("#" + activeTab).fadeIn() => $( '.tab_content' ).eq( $(this).index() ).fadeIn()
답변을 작성하시기 전에 로그인 해주세요.