单击slick.js中的点后停止自动播放 [英] Stop autoplay after clicking on dots in slick.js
本文介绍了单击slick.js中的点后停止自动播放的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
因此,这是我用于滑块的代码:
So, this is code I use for slider:
$('.autoplay').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
dots: true
});
我希望在用户单击任意点后,它将禁用自动播放.然后我尝试了这个:
And I want that after user clicks on any dot, it will disable autoplay. Then I tried this:
$('.autoplay').on('init', function() {
$('.slick-dots').click(function() {
$('.autoplay').slick('autoplay', false);
});
});
但是没有帮助.这是jsFiddle的演示. slick.js
有可能吗?
But no help. Here is DEMO from jsFiddle. Is this possible with slick.js
?
推荐答案
尝试一下
$('.autoplay').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 1000,
dots: true
});
$('.slick-dots').on('click', function() {
$('.autoplay').slick('slickPause');
});
这篇关于单击slick.js中的点后停止自动播放的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文