Кнопка паузы Flexslider

Question

Я пытаюсь сделать паузу, работая на flexslider. Вот код, который я использую.

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

}); 
}); 

Он отображает только элемент и текст для паузы, но ничего не влияет. Что я делаю не так?

EDIT:

Глядя на код 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.