Home

Slick のテストです。

Slick 1

Slick で lazyLoad を有効にする。

  • Slick 1-1
  • Slick 1-2
  • Slick 1-3
  • Slick 1-4

Now Loading...

Slick 2

モーダル等の display: none; がかかっている要素を親とする Slick で位置の再計算をして表示させる

モーダルを開く (setPotion 指定あり)

※2回目以降 Uncaught TypeError: Cannot read property 'add' of null エラーが発生する

Slick 3

モーダルのために「ボタンをクリックしたら slick 実行」 とすると、2回目以降に Slick のバインドで Uncaught TypeError: Cannot read property 'add' of null エラーが発生するので、 .not('.slick-initialized') で抑制する

モーダルを開く (.not('.slick-initialized') 指定あり)

※2回目以降 Slick 実行対象が undefined になる

※ Slick アニメーション開始前にモーダルを閉じると次回以降表示が正常に行われない

Slick 4

2回目以降 Slick 実行対象が undefined になるのが釈然としないので unslick する

モーダルを開く