Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

autoplay is stopped after clicking the slick-dot

See original GitHub issue

short description of the bug / issue, provide more detail below. autoplay is sttoped when i click the slick-dot until i click the other area that is outside the zone that use slick.js i tried the official demo and it behaved the same how can i solve this？

====================================================================

`[ paste your jsfiddle link here ]`

use this jsfiddle to reproduce your bug: http://jsfiddle.net/simeydotme/fmo50w7n/ we will likely close your issue without it.

====================================================================

Steps to reproduce the problem

====================================================================

What is the expected behaviour?

… after clicking the autoplay is still working

====================================================================

What is observed behaviour?

…

====================================================================

More Details

Which browsers/versions does it happen on?
Which jQuery/Slick version are you using?
Did this work before?

Issue Analytics

State:
Created 7 years ago
Reactions:2
Comments:10

Top GitHub Comments

7reactions

monkey-dsccommented, May 25, 2018

Just as a additional note:

I also faced this issue, the problem was, as you click on a dot, the dot gets the focus, so setting PauseOnFocus to false solved the Problem, and autoplay continues… 😉

5reactions

Doronilycommented, Jul 9, 2017

I’ve been having this issue for quite a while, and believe i just found a workaround 😃

$('#latest-news-wrapper').on('beforeChange', function(event, slick, currentSlide, nextSlide){ $('#latest-news-wrapper .slick-dots li').removeClass('slick-active').attr('aria-hidden','true'); $('#latest-news-wrapper .slick-dots li button').focus(function() { this.blur(); }); });

This solved it for me.

Fixed fiddle: http://jsfiddle.net/zoq7o85k/

Thanks.

Top Results From Across the Web

Stop autoplay after clicking on dots in slick.js

And I want that after user clicks on any dot, it will disable autoplay. Then I tried this: $('.autoplay').on('init', function() ...

https://www.aamu.edu/_resources/ldp/galleries/slic...

Unless `autoplay: true`, sets browser focus to current slide (or first of current slide set, if multiple `slidesToShow`) after slide change.

accessible-slick - the last (accessible) carousel you'll ever need

DO NOT disable the autoplay pause/play button unless you are replacing it with a reasonable alternative mechanism for pausing, stopping, or hiding the...

angular-slick-carousel - Issue #95

slickConfig1 = { autoplay: false, dots: $scope.slickDots ... slickCurrentIndex2); // slide to correct index when init ... dots) .off('click.slick', _.

slick slider javascript Code Example

('.autoplay').slick({ slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, });