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

제이쿼리질문 채택완료

초보입니다1 7년 전 조회 2,608

안녕하세요 초보 퍼블리셔 입니다 ㅠㅠ;

 

소스 개별적으로 할때는 되는데

두개를 합치니 소스가 탭메뉴는 되는데 이미지슬라이드는 안되서 글을올립니다

스크립트 충돌같은데 어떻게 해결을 해야할까요 ㅠㅠ

 

 

</p>

<p>

 <script>

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

      },

    });

 $(function () {</p>

<p>    $(".tab_content").hide();

    $(".tab_content:first").show();</p>

<p>    $("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()

    });

});</p>

<p> 

</script></p>

<p> </p>

<p>

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

답변 3개

채택된 답변
+20 포인트

안에 슬라이드 요소

 

탭안에 슬라이드 요소가 들어가 있네요.

보이는 소스상에는 ul li 요소가 보이지 않지만

슬라이드 관련 css 에서 분명 ul li 요소에 대한 스타일이 있을겁니다.

그게 탭에 영향을 받는 증상 입니다.

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

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

        
        

KT샵 이용고객의 평가는?

 
   
           
  • iPhon X
  •        
  • iPhon 8
  •        
  • LG V30
  •         
  • Galaxy S8
  •    
   
       
                  
   
     
      
             
      
        

Galaxy S8

        

잘 모르는 것도 친절히 알려주시고, 직접 찾아와오셔서 해주시는거라 편하고 좋네요 감사합니다.

        

2017.12.30  홍길동
      
      
     
Slide 2
     
       
       
   
 

         

               
2222Mortal Kombat returns after a lengthy hiatus and puts players back into the Tournament for 2D fighting with gruesome combat.
               
3333Halo: Reach is the culmination of the superlative combat, sensational multiplayer, and seamless online integration that are the hallmarks of this superb series.
                
3333H44.
           
              

  전체 소스입니다

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

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

탭 스크립트 안에서 ul 안에 li 안에 요소들에 적용되는거라서

그 안에 슬라이드가 추가로 있다면 그 슬라이드 ul li 요소도 영향을 받으니 그렇습니다.

 

슬라이드 관련 css 에서 ul li 안에 스타일을 !important 다 시켜줘야 슬라이드데로 적용 될듯 합니다.

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

답변에 대한 댓글 1개

초보입니다1
7년 전
슬라이드에 li 들어가는건 없습니다 ㅠ

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

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

로그인