适用于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) 。 它应该工作！ 或者，将脚本移到视图页面