前提・実現したいこと
slickを実装させたい
rubyonrailsでHPを作っています
slickで画像のスライドを実装したいのですが実装できません。
発生している問題・エラーメッセージ
該当のソースコード
<head> <title>Footballstadium</title> <%= csrf_meta_tags %> <%= csp_meta_tag %> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="./footerFixed.js"></script> <link rel="stylesheet" href="slick-theme.css" type="text/css"> <link rel="stylesheet" href="slick.css" type="text/css"> </head> <body> <ul class="slider"> <li><%= image_tag "image_soccer.jpg" %></li> <li><%= image_tag "image_soccer.jpg" %></li> <li><%= image_tag "image_soccer.jpg" %></li> <li><%= image_tag "image_soccer.jpg" %></li> </ul> <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="js/slick.js" type="text/javascript"></script> <script src="js/main.js"></script> <%= yield %> </body>``` ### 試したこと $('.slider').slick(); javaScriptもこのように記述しましたが写真だけが反映されるだけです。 bodyの記述が間違えているのか ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
あなたの回答
tips
プレビュー