分类导航

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jQuery SlidesJS – 单击导航后无法重新启动动画，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在使用新的slideJS V3.0但是我似乎无法通过点击导航暂停幻灯片动画.我看到有人说他们让它与分页一起工作,所以我尝试使用它,但没有用.任何帮助是极大的赞赏！

这是我正在使用的代码(目前试图让它甚至与分页一起工作)

<script>

$(function() {

  $('#slides').slidesjs({

    width: 905,height: 310,navigation: false,play: {
    auto: true,pauSEOnHover: true,effect: 'fade',restartDelay: 1500
  },pagination: {
    effect: 'fade',play: {          
      restartDelay: 1500
    }
  },effect: {
    fade: {
       speed: 1500
    },crossfade: true
  }

  });
});

</script>

解决方法

这可以在不修改插件的情况下完成(使用SlideJS 3.0).
只需在您的选项中添加以下完整回调：

$('#slides').slidesjs({
    callBACk: {
        complete: function(number) {
            var pluginInstance = $('#slides').data('plugin_slidesjs');

            setTimeout(function() {
                pluginInstance.play(true);
            },pluginInstance.options.play.interval);
        }
    }
});