2

flexsliderの作業を一時停止しようとしています。これが私が使用しているコードです。

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

});
});

一時停止の要素とテキストのみが表示され、何にも影響しません。私は何が間違っているのですか？

編集：

フレックススライダーのコードを見ると、これはボタンを処理するセクションに違いないと思います。実際のコードは少し頭がおかしいですが、クリックイベントハンドラーのように見えるものは何も表示されません。

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

  //////////////////////////////////////////////////////////////////
  //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;
      }
    });
  }
4

1 に答える 1

1

問題は私のCSSにあることが判明しました。flex-control-navの順序付きリストを移動しましたが、クリックイベントが妨げられているようです。これは、 flex-pauseplaydivをカバーしている必要があります。

于 2012-06-18T11:06:02.293 に答える