[jQuery]slickの画像にリンクをさせると前後に空のスライダーが追加されてしまう

Question

jQueryのslickを使っているのですが、スライドさせる画像にリンクをつけると
用意していた4枚の画像の先頭と後尾に余計な空のスライドが追加されてしまい、
下部のドットも6個になってしまいます。

余計なスライドを消すにはどうしたらいいでしょうか？

ダウンロードしたcssとjsファイルは一切改変していません。

###該当のソースコード

<div class="slider">
 <div><a href="" alt=""><img src="image1.jpg" alt=""></a></div>
 <div><a href="" alt=""><img src="image2.jpg" alt=""></a></div>
 <div><a href="" alt=""><img src="image3.jpg" alt=""></a></div>
 <div><a href="" alt=""><img src="image4.jpg" alt=""></a></div>
</div><!-- slider -->

###該当のソースコード

$(function(){

$('.slider').slick({

accessibility: true,
autoplay: true,
autoplaySpeed: 2500,
pauseOnHover: true,
dots: true,
pauseOnDotsHover: true,
slidesToShow:1,
centerMode: true,
centerPadding: '90px',
});

});

###試したこと
aタグの位置をdivの外側にした。
aタグを消すとスライドは4枚になるが、ドットと矢印のクリックが効かなくなる。

Answer 1

<div><!-- slider --> は </div><!-- slider --> では？
転記ミスかもしれませんが、それ以外の箇所もHTMLを見直してみてください。

Comments

[tantan555]

閉じ忘れていました！
ありがとうございます
ですが一つ余計なスライドが消え、先頭のがまだ消えません。

[kei344]

""の対応漏れや閉じタグ忘れなどが有るのでは。

[tantan555]

解決しました。
前述のナビ部分に問題があったのですが見つけられず、書き直したら無事に動きました。
ありがとうございました。