teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

対策追記

2018/11/13 05:24

投稿

x_x
x_x

スコア13749

answer CHANGED
@@ -2,4 +2,17 @@
2
2
  ```jQuery
3
3
  $('.slider').slick('slickPause');
4
4
  ```
5
- [http://kenwheeler.github.io/slick/](http://kenwheeler.github.io/slick/)
5
+ [http://kenwheeler.github.io/slick/](http://kenwheeler.github.io/slick/)
6
+
7
+ ```jQuery
8
+ var autoplay = true;
9
+ $(document).on('breakpoint', function(event, slick, breakpoint) {
10
+ if (!autoplay) {
11
+ $('.slider').slick('slickPause');
12
+ }
13
+ });
14
+ $('.slick-dots li').click(function(){
15
+ autoplay = false;
16
+ $('.slider').slick('slickPause');
17
+ });
18
+ ```