플렉스 슬라이더 일시 중지 버튼

Question

플렉스 슬라이더에서 일시 정지를 시도하고 있습니다. 여기에 제가 사용하고있는 코드가 있습니다.

$(window).load(function() { 
$('.flexslider').flexslider({ 
    slideshowSpeed: 3000, 
    animationDuration: 1100, 
    directionNav: false, 
    controlNav: true, 
    pausePlay: true, 
    pauseText: 'Pause', 
    playText: 'Play', 

}); 
}); 

일시 중지 할 요소와 텍스트 만 표시되지만 아무 것도 영향을 미치지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

편집 : flexslider 코드를 찾고은

나는이 버튼을 처리하는 부분이 될 생각합니다. 실제 코드는 내 머리 위로 조금이지만 클릭 이벤트 처리기와 비슷한 모양은 볼 수 없습니다.

 ////////////////////////////////////////////////////////////////// 

    ////////////////////////////////////////////////////////////////// 
    //FlexSlider: Pause/Play 
    if (slider.vars.pausePlay) { 
    var pausePlayScaffold = $('<div class="flex-pauseplay"><span></span></div>'); 

    if (slider.containerExists) { 
     slider.controlsContainer.append(pausePlayScaffold); 
     slider.pausePlay = $('.flex-pauseplay span', slider.controlsContainer); 
    } else { 
     slider.append(pausePlayScaffold); 
     slider.pausePlay = $('.flex-pauseplay span', slider); 
    } 

    var pausePlayState = (slider.vars.slideshow) ? 'pause' : 'play'; 
    slider.pausePlay.addClass(pausePlayState).text((pausePlayState == 'pause') ? slider.vars.pauseText : slider.vars.playText); 

    slider.pausePlay.bind(slider.eventType, function(event) { 
     event.preventDefault(); 
     if ($(this).hasClass('pause')) { 
     slider.pause(); 
     slider.manualPause = true; 
     } else { 
     slider.resume(); 
     slider.manualPause = false; 
     } 
    }); 
    } 

Answer 1

내 CSS에서 문제가 발생했습니다. 나는 flex-control-nav 주문 목록을 이동 시켰고 클릭 이벤트를 막는 것으로 보입니다. flex-pauseplay div를 덮었 음에 틀림 없습니다.