2016-05-26 7 views
0

私は滑車を使用してカルーセルを作成しています。私は、データベースからのデータでこれを行うのに苦労していRails滑らかなカルーセル動的データが機能しない

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

:私は、例Aのように私のクラスを設定する必要があり、この宝石を使用します。 靴には多くの靴下があります。

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

ビュー/靴/ show.html.erb

<%= render @socks %> 

ビュー/靴下/ _sock.html.erb

<div class="someclass"> 
<div><%= sock.sock_name %></div> 
</div> 

私のデータは

<div class="someclass"> 
    <div>sockname1</div> 
    <div>sockname2</div> 
    <div>sockname3</div> 
</div> 
のように出てくるべきです

しかし、私はカルーセルを手に入れません。私の資産で

は/ javascriptのフォルダに私は/資産/ JavaScriptのでinitialize.coffee

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

持っ

//= require jquery.slick 
//= require initialize 

私のデータが滑らかなクラス "工ass" の外に適切に配置applicaiton.js。例Aのようなダミーデータをshoes/show.html.erbに直接入れると、それはカルーセルに配置されます。私はどこかでミスをしていますか?ご意見/靴下/ _sock.html.erb考える

答えて

2

、あなたのテンプレートはそれをレンダリングする必要があります。

<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>ノードはソックスループの外側にある必要があります。

ようなものを試してみてください:

ビュー/靴/ show.html.erb

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

ビュー/靴下/ _sock.html.erbそれだった

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

うん、ありがとう助けを求めて! – user3456978

関連する問題