Slick スライダーの autoplay をはじめとしたオプション設定が一切反映されません

ビギナーです。どうぞよろしくお願いいたします。

Slick スライダーの autoplay をはじめとしたオプション設定をしたいのですが、
autoplayほか、 dots, slidesToShow, responsive など、
一切が反映されません。

もっともベーシックなスライダーは機能していますので、
基本的な設定はできているかと思うのですが・・

ヘッダーに以下の設定を追加しています。

<link rel="stylesheet" type="text/css" href="/css/slick.css">
<link rel="stylesheet" type="text/css" href="/css/slick-theme.css">

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/slick.min.js"></script>
<script type="text/javascript" src="/js/scripts.js"></script>

スライダーはこちらです

 <div class="slider">
         <div>
            <a href="/post/02/">
             <img src="/img/post/02.jpg">
            </a>
         </div>
         <div>
            <a href="/post/03/">
             <img src="/img/post/03.jpg">
            </a>
         </div>
         <div>
            <a href="/post/04/">
             <img src="/img/post/04.jpg">
            </a>
         </div>
         <div>
             <img src="/img/post/05.jpg">
         </div>
         <div>
            <a href="/post/06/">
             <img src="/img/post/06.jpg">
            </a>
         </div>
         <div>
            <a href="/post/">
             <img src="/img/post/00.jpg">
            </a>    
         </div>      
        </div>

scripts.js には、以下のような設定を記述しました。


$(function(){
	$('.slider').slick(); 
	autoplay: true,
	dots: true,
	infinite: true,
	slidesToShow: 3,
	slidesToScroll: 3,
	autoplaySpeed: 2000,
	responsive: [
    {
      breakpoint: 759,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
  ]
});

Dreamweaver CC を使用しているのですが、
コードがリアルタイムで反映されないことが多々あります。
まず待ってみて、その後保存、終了、再起動などを試しました。
エディタの問題なのか、コードの問題なのかもわからず困っています。

ご教示いただけますと幸いです。

m.ts10806

2019/12/10 09:37 編集

コードはマークダウンのcode機能を利用してご提示ください。結局聞きたいのはエディタですかね。あまり複数要件含めないほうが良いかと。回答がぶれます

Yaeha

2019/12/10 10:24

了解しました。コードとエディタ、両方なのですが別々に質問します！

行動規範の内容に同意します

回答1件

ベストアンサー

指定が渡されていませんでした。

js
1$( function() {
2	$( '.slider' ).slick( {
3		  autoplay: true
4		, dots: true
5		, infinite: true
6		, slidesToShow: 3
7		, slidesToScroll: 3
8		, autoplaySpeed: 2000
9		, responsive: [ {
10			  breakpoint: 759
11			, settings: {
12				  slidesToShow: 2
13				, slidesToScroll: 2
14			}
15		}, ]
16	} );
17} );