2017-12-06 68 views
0

표준 슬라이더 슬라이더를 사용하고 슬라이더 바깥쪽에 있지만 같은 페이지에서 이벤트를 추가하고 싶습니다.점 마커를 클릭 한 후 Slick 바깥에서 이벤트를 추가하는 방법

$("ul.slick-dots li button").click(function() { 
     $('.map_animation').toggleClass('map_animation2'); 
    }); 

또는

$(".main .big-slider-sec .slick-dots li button").click(function() { 
     $('.map_animation').toggleClass('map_animation2'); 
    }); 

또는

$("#slick-slide01:button").click(function() { 
     $('.map_animation').toggleClass('map_animation2'); 
    }); 

또는

$("#slick-slide00").find("button").click(function() { 
     $('.map_animation').toggleClass('map_animation2'); 
    }); 

또는

: 나는 다른 방식으로 이벤트를 잡으려고 시도
$("#slick-slide00").children("button").click(function() { 
     $('.map_animation').toggleClass('map_animation2'); 
    }); 

그러나이 중 어느 것도 작동하지 않았다, 내 이벤트가 나는 많은 것들을 겪었

답변

0

슬라이더 마커를 클릭하여 발생하지 않습니다,이 같이 밝혀졌다 :

 $('.big-slider-sec').on('afterChange', function(event, slick, currentSlide){ 
     $("#slick-slide01").click(function() { 
      $('.map_animation').toggleClass('map_animation2'); 
     }); 
    }); 

어쩌면 누군가가 필요합니다.