Schienen Slick Karussell Dynamische Daten funktionieren nicht

Question

Ich verwende Slick, um ein Karussell zu erstellen. Um dieses Juwel zu verwenden, muss ich meine Klassen wie einrichten, Beispiel A:

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

Ich habe Schwierigkeiten, dies mit Daten aus einer Datenbank zu tun. Ein Schuh hat viele Socken.

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

views/Schuhe/show.html.erb

<%= render @socks %> 

views/Socken/_sock.html.erb

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

Meine Daten wie

kommen aus

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

werden soll

Aber ich bekomme kein Karussell.

In meinem Vermögen/JavaScript-Ordner Ich habe initialize.coffee

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

In assets/Javascripts/applicaiton.js

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

Meine Daten in geeigneter Weise außerhalb der Slick-Klasse "Someclass" arrangiert. Wenn ich Dummy-Daten wie Beispiel A manuell in shoes/show.html.erb einfüge, arrangiert es sich in ein Karussell. Mache ich irgendwo einen Fehler?

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

Und das ist nicht das, was Sie wollen:

Answer 1

Gegeben Ihre Ansichten/Socken/_sock.html.erb, sollte die Vorlage, dass machen. Ihr <div class='someclass'></div> Knoten sollte sich außerhalb der Sockenschleife befinden.

Probieren Sie etwas wie folgt aus:

views/Schuhe/show.html.erb

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

views/Socken/_sock.html.erb

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