railsでslickを実装したいのですが反映されません。
railsでTOPページにslickのスライダーを実装したいのですが反映されません。
初歩的な質問で申し訳ありません。
以下行った処理です。
①jqueryのgemを追加
②bundle install
③slick.min.jsをapp/assets/javascriptsに追加
slick.scss,slick-theme.scssをapp/assets/stylesheetsへ追加
詳しい方がいらっしゃいましたら、ご教示いただけると幸いです。
何卒よろしくお願い致します。
発生している問題・エラーメッセージ
静止画が並んで表示されてしまう。
該当のソースコード
applicationjs
1略 2//= require rails-ujs 3//= require activestorage 4//= require jquery 5//= require jquery_ujs 6//= require_tree . 7//= require popper 8//= require bootstrap-sprockets 9 10$(document).on('turbolinks:load', function(){ 11 $('.a').slick({ 12 autoplay:true, ←自動再生 13 dots:true, ←ドットの描写 14 }); 15});
applicationhrmlerb
1<!-- slick用記述 --> 2 <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> 3 <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> 4<!-- -->
homehtml
1<!-- slick導入 --> 2<div class="a"> 3 <div class="b"><img class="c" src="assets/topimage1.jpg"></div> 4 <div class="b"><img class="c" src="assets/topimage2.jpg"></div> 5 <div class="b"><img class="c" src="assets/topimage3.jpg"></div> 6</div> 7<!-- ここまで -->
試したこと
applicationjsの記述を入れ替える
再度bundle install
applicationhrmlerbに他のサイトで見たリンクを当ててみる
等
補足情報(FW/ツールのバージョンなど)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。