【jQuery】slickを実行完了後にslickSetOptionでoptionを変更した時、Responsiveの設定における注意点

slickに関するテクニックの内容

今回の記事は実務でslickを使用した際に発生したトラブル解消方法についての備忘録になります。もし、同じような問題で悩んでしまった方は参考にしてください。

他者によってページ内にslickが既に実装されており、オプションを変更したいけれど実行しているJSファイルを触ることができない。そんな時はslickSetOptionによって実行完了後にオプションの変更が可能となります。

>> サンプルページ（PC）

>> ページの読み込みが遅い場合はこちら

デモページのようにslickを実行させるa.jsの読み込み後、b.jsに記述したslickSetOptionによってオプション変更をしています。

ResponsiveにおけるslickSetOptionの注意点

SP用に指定するResponsiveの時は配列でslickSetOptionを記述する必要があるの注意してください。

>> サンプルページ（SP）

PR

ChatGPT 120%活用術 [ ChatGPTビジネス研究会 ] 価格：1,390円（税込、送料無料) (2023/5/23時点) 楽天で購入

この記事を書いた人（著者情報）

片山

カタチップ編集長。昭和生まれの30代でWeb業界歴は10年以上。現在はカタチップを運用しつつ事業会社でWEBメディアサイトのWebディレクター兼マークアップエンジニアを担当。最近はSNSの運用にも業務範囲を拡大中です。