rails app

时间:2017-03-22 07:13:57

标签: javascript jquery ruby-on-rails

想在我的rails应用中安装slick滑块。安装了宝石jQuery-slick-rails//= require jquery.slick添加到您的application.js*= require slick*= require slick-theme添加到您的application.css 添加文件autoplay.coffe并添加到application.js

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

as 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>

例如这个demo

但代码不起作用。我认为那是错的。

如何将代码连接到自动播放?
如何连接demo slick slider中的任何代码?

1 个答案:

答案 0 :(得分:0)

请勿在{{1​​}}上添加对slick()的调用,并将其添加到turbolinks:load。它应该工作! 或者,将脚本移动到视图页面