LoginSignup
10
12

More than 5 years have passed since last update.

slickで複数スライダーを設置

Last updated at Posted at 2018-06-15
  • 同じ動きで良い場合はまとめて $(selector).slick() でOK:ok_hand:
  • サムネイルナビを連動させたい…などでオプション指定が異なる場合は .each() で設定する:fist:

See the Pen slickで複数のスライダーを設置 by anchor (@anchoor) on CodePen.

:no_good:NG例

最初連動するスライダーをまとめて指定しようと思い下記の通り記述したのですが、うんともすんとも言わず頭を捻っていました。
が、該当スライダーが複数あるため $(this).attr("id") を取得できていない…というごくごく初歩的なミスでした。

$(selector).slick({
  asNavFor: "#" + $(this).attr("id") + "-nav"
})
10
12
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
12