手軽にスライドショーを導入でき、レスポンシブにも対応、カスタマイズも簡単という、非常に便利なFlexSliderですが、jQuery3.xを使用した場合はちょっとだけ注意が必要なので備忘録です。
どうすればいいの?
通常は以下のように記述して始めますが・・・
$(window).load(function(){ ... });
これだとjQuery3.xでは動作しないので、以下のように変更します。
$(window).on("load", function(){ ... });
これだけ。
.load
イベントがjQuery3から削除されたため、jQueryのon
関数を使うには.load
イベントを上記のように変更する必要があるという事だそうです。
【参考】
Flexslider 2 is not working with latest jquery 3.2.1 using $(window).load() – Stack Overflow