jQueryオブジェクトのeachでハマった

技術

sliderを複数動かそうと思ったら1つしかeachしてくれない

<script>
$(function () {
    var slider = "#slider"; 
    $(slider).each(function() {
        $(this).slick({
            autoplay: true,
            arrows: true,
            fade: true,
            infinite: false
        });
    });
});
</script>

解決方法

    var slider = ".slider"; 

原因

HTMLでID重複は文法違反らしい

HTMLでid属性が重複した時の動きについて現役デザイナーが解説【初心者向け】 | TechAcademyマガジン
初心者向けにHTMLでid属性が重複した時の動きについて解説しています。id属性は要素に固有の名前を設定するものです。id属性が重複するとどうなるのか、重複しないための対象方法について学びましょう。

コメント

タイトルとURLをコピーしました