適用於Rails應用程序的光滑滑塊

Question

想要在我的rails應用程序中安裝光滑的滑塊。 安裝了gem jQuery-slick-rails 。
將//= require jquery.slick添加到application.js 。
在您的application.css添加*= require slick和*= require slick-theme 。
添加文件autoplay.coffe並添加到application.js ：

jQuery(document).on 'turbolinks:load', ->
  $('.autoplay').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
    });

作為html：

<div class="slider autoplay slick-initialized slick-slider slick-dotted">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
</div>

做這個演示 。

但是代碼不起作用。 我想錯了。

如何將代碼連接到自動播放？
如何從演示光滑滑塊連接任何代碼？

Answer 1

不要在turbolinks:load添加對turbolinks:load （）的調用，而turbolinks:load其添加到document.on(ready) 。 它應該工作！ 或者，將腳本移到視圖頁面