想在我的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中的任何代码?
答案 0 :(得分:0)
请勿在{{1}}上添加对slick()的调用,并将其添加到turbolinks:load
。它应该工作!
或者,将脚本移动到视图页面