flexsliderがうまく効きません

前提・実現したいこと

カルーセルスライダーを機能させるためにFlexsliderをインストールしました。

デモを参考にコーディングしてみましたが、画像が縦に並ぶばかりでうまく機能しません。
様々なサイトを参照しましたが、状況が変わりませんのでご質問いたしました。
※参照例（リンク内容）

該当のソースコード

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="js/flexslider.css" type="text/css" /> <script src="jquery-3.4.1.min.js"></script> <script src="js/jquery.flexslider.js"></script> <script></script> <script type="text/javascript" charset="utf-8"> $(window).load(function () { $('.flexslider').flexslider(); }); </script> </head> <body> <div class="flexslider"> <ul class="slides"> <li><img src="img/fumede-engneerork120-pure.jpg"></li> <li><img src="img/akascia75-rough.jpg"></li> <li><img src="img/engineer-ork-600.jpg"></li> </ul> </div> </body> </html>

試したこと

お手数をおかけしますが、ご回答いただければありがたいです。

行動規範の内容に同意します

回答1件

ベストアンサー

ご提示のコードを試してみたところ、jQueryのバージョンをドキュメントにあるサンプルコードに合わせてみたところ、動作しました。
Flexslider WordPress Slider Toolkit by WooThemes
バージョンを変えて試してみたところ、おそらく3.x系に対応していないのではないかな、と感じました。

投稿2020/04/08 03:35