発生している問題・エラーメッセージ
railsでapplication.html.erbにスライダーを作るするためにslickを導入しました。
上手く動いてくれたのですが、リンクで別のページに飛ぶとスライドが解除されてしまいます。
urlを直接入力する場合だとこの現象が発生しません。
検証ツールを見る限り、恐らくslick.jsやslick.min.jsは読み込めているのですが<ul class="slider">にslick-initialized等のクラスが足されていません。
どうすればいいですか。
エラーメッセージ 特に表示なし。
該当のソースコード
<head> ---中略--- <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"> <%= stylesheet_pack_tag media: "all" %> <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> </head> <body> ---中略--- <div class="footer-container"> <ul class="slider"> ---中略--- </ul> </div> </body>
試したこと
</body>のすぐ上に、<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>を入れてみましたがダメでした。補足情報(FW/ツールのバージョンなど)
rails6.0.3.4
jquery3.5.1
その他必要な情報があればその都度書きます。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。