Jquery 危险游泳;动态调整选项?

Jquery 危险游泳;动态调整选项?,jquery,slider,swiper,Jquery,Slider,Swiper,使用idangerous的Swiper,我一直在尝试在点击事件中动态更改选项。例如,我想在单击分页按钮后停止自动播放 我试过类似的方法: 以上的多种变体。我还尝试禁用循环。自动播放不会减速、停止或其他任何操作。如果我使用console.log(mysweer.params.autoplay);它确实表明该值已被更新,它只是不做任何事情;( 我是完全不喜欢这个吗?还是在初始化后你不能更改选项?好的,看起来你做得不错。但是很少有事情 删除此行mysweer.reInit(); 如果您需要在单击分页

使用idangerous的Swiper,我一直在尝试在点击事件中动态更改选项。例如,我想在单击分页按钮后停止自动播放

我试过类似的方法:

以上的多种变体。我还尝试禁用循环。自动播放不会减速、停止或其他任何操作。如果我使用console.log(mysweer.params.autoplay);它确实表明该值已被更新,它只是不做任何事情;(


我是完全不喜欢这个吗?还是在初始化后你不能更改选项?

好的,看起来你做得不错。但是很少有事情

  • 删除此行mysweer.reInit();
  • 如果您需要在单击分页后再次启动自动播放,则需要调用startAutoPlay,而不是reInit
  • 使用开发版本的swiper,因为在实际的稳定版本中stopAutoplay不能正常工作
因此,您的代码应该如下所示:

var mySwiper = new Swiper('.index-slider', { 
    mode: 'horizontal',
    paginationClickable: true,
    pagination: '.pagination',
    autoplay: 2000,
    loop: true
});

$('.pagination').on('click',function() {
    mySwiper.stopAutoplay();
    mySwiper.params.autoplay = 10000
    mySwiper.startAutoplay();
});

好吧,看来你做得对。但没什么

  • 删除此行mysweer.reInit();
  • 如果您需要在单击分页后再次启动自动播放,则需要调用startAutoPlay,而不是reInit
  • 使用开发版本的swiper,因为在实际的稳定版本中stopAutoplay不能正常工作
因此,您的代码应该如下所示:

var mySwiper = new Swiper('.index-slider', { 
    mode: 'horizontal',
    paginationClickable: true,
    pagination: '.pagination',
    autoplay: 2000,
    loop: true
});

$('.pagination').on('click',function() {
    mySwiper.stopAutoplay();
    mySwiper.params.autoplay = 10000
    mySwiper.startAutoplay();
});

mysweer.stopAutoplay();
应该单独完成。只有这两行而没有其他两行会发生什么?我已经尝试了很多;没有任何结果。(你确定你的点击处理程序正在启动吗?你能用控制台.log检查一下吗?
mysweer.stopAutoplay()
应该单独完成。只有这两行而没有其他两行会发生什么?我已经尝试了很多;什么都没有。;(你确定你的点击处理程序正在启动吗?你能用控制台检查一下吗。日志?更新了我的帖子:)谢谢!我完全是这样做的,但它说:“无法读取未定义的stopAutoplay”。滑块工作了,我能做什么?更新了我的帖子:)谢谢!我做的完全像这样,但上面写着:“无法读取未定义的stopAutoplay”。滑块工作了,我能做什么?