Question

如何使用RoyalSlider事件使用jQuery隐藏div？基本上，当滑块移动到下一张幻灯片时，我想隐藏页面上的另一个div。

我不明白如何使用此页面上详述的事件：http://dimsemenov.com/plugins/royal-slider/documentation/#api

目前我对滑块的选项看起来像这样 - 但没有任何反应：

<script id="addJS">
jQuery(document).ready(function($) {
  $('#slider-with-blocks-1').royalSlider({
    arrowsNav: true,
    autoPlay:{
      enabled:true,
      delay: 6000
    },
    arrowsNavAutoHide: true,
    fadeinLoadedSlide: false,
    controlNavigationSpacing: 0,
    controlNavigation: 'none',
    imageScaleMode: 'fill',
    imageAlignCenter:false,
    blockLoop: true,
    loop: true,
    numImagesToPreload: 6,
    transitionType: 'fade',
    keyboardNavEnabled: true,
    block: {
      delay: 400
    }
  });

  slider.ev.on('rsAfterSlideChange', function(event) {

    $( ".hidden1" ).fadeOut('slow');

  });
});
</script>

当滑块移动到下一帧时，我想淡出名为'hidden1'的div。

有人可以帮忙吗？

Answer 1

你很亲密！只是遗漏了以下内容：

var mySliderInstance = $('#slider-with-blocks-1').royalSlider({
    arrowsNav: true,
    autoPlay:{
      enabled:true,
      delay: 6000
    },
    arrowsNavAutoHide: true,
    fadeinLoadedSlide: false,
    controlNavigationSpacing: 0,
    controlNavigation: 'none',
    imageScaleMode: 'fill',
    imageAlignCenter:false,
    blockLoop: true,
    loop: true,
    numImagesToPreload: 6,
    transitionType: 'fade',
    keyboardNavEnabled: true,
    block: {
      delay: 400
    }
  }).data("royalSlider"); // assign the RS to a variable

  mySliderInstance.ev.on('rsAfterSlideChange', function(event) {

    $( ".hidden1" ).fadeOut('slow');

  });

RoyalSlider活动 - 怎么样？

1 个答案: