Rails Slick Carousel动态数据不起作用

时间:2016-05-26 20:08:47

标签: jquery html ruby-on-rails carousel

我正在使用光滑来创建旋转木马。要使用这个gem,我需要设置我的类,例如A:

listBox.Items.Clear()

我正在努力用数据库中的数据来做这件事。 鞋子有很多袜子。

<div class="someclass">
  <div>some data</div>
  <div>some data</div>
  <div>some data</div>
  <div>some data</div>
</div>

视图/鞋/ show.html.erb

class ShoesController
  def show
    @shoe = Shoe.find(params[:id])
    @socks= @shoe.socks
  end

视图/袜子/ _sock.html.erb

<%= render @socks %>

我的数据应该像

一样出现
<div class="someclass">
<div><%= sock.sock_name %></div>
</div>

但我没有收到旋转木马。

在我的assets / javascript文件夹中,我有initialize.coffee

<div class="someclass">
  <div>sockname1</div>
  <div>sockname2</div>
  <div>sockname3</div>
</div>

在assets / javascripts / applicaiton.js

jQuery ->
  $('.someclass').slick([
      dots: true
  })

我的数据在光滑的类“someclass”之外进行了适当的排列。如果我手动将像示例A这样的虚拟数据直接放入shoes / show.html.erb中,它就会安排到旋转木马中。我在某个地方犯了错误吗?

1 个答案:

答案 0 :(得分:2)

根据您的views / socks / _sock.html.erb,您的模板应该呈现:

<div class="someclass">
  <div>sockname1</div>
</div>
<div class="someclass">
  <div>sockname2</div>
</div>
<div class="someclass">
  <div>sockname3</div>
</div>

这不是你想要的。您的<div class='someclass'></div>节点应该在socks循环之外。

尝试类似的东西:

视图/鞋/ show.html.erb

<div class="someclass">
   <%= render @socks %>
</div>

视图/袜子/ _sock.html.erb

<div><%= sock.sock_name %></div>