カルーセルをつけようと思ってSlickをつけてみましたが全く動きません。
http://kenwheeler.github.io/slick/
エラーは
$('.carousel').slick({
の箇所で
Uncaught TypeError: $(...).slick is not a function
と吐き出されています。
(Chromeのコンソールで確認)
ruby
1 script src="//code.jquery.com/jquery-1.11.0.min.js" 2 script src="//code.jquery.com/jquery-migrate-1.2.1.min.js" 3 = javascript_include_tag 'slick.min.js' 4 5 javascript: 6 $(document).ready(function(){ 7 $('.carousel').slick({ 8 slidesToShow: 5, 9 slidesToScroll: 1, 10 autoplay: true, 11 autoplaySpeed: 2000, 12 }); 13 }); 14
ViewのDiv該当箇所はこうなってます。ちなみにSlimです。
ruby
1.slider.carousel 2 div 3 img alt="" src=imgurl(@restaurant.image1) / 4 div 5 img alt="" src=imgurl(@restaurant.image2) / 6 div 7 img alt="" src=imgurl(@restaurant.image3) / 8 div 9 img alt="" src=imgurl(@restaurant.image4) / 10
AssetPiplineには特に設定していませんが、JQueryを該当箇所とこちらで2度呼んでいるのが問題なのでしょうか?
JS部分のJQueryのリンク外しても同じエラーにはなります。
ruby
1//= require jquery 2//= require jquery_ujs 3//= require underscore 4//= require bootstrap 5//= require gmaps/google 6
どなたかお分かりになる方おりませんでしょうか?
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。