2017-05-04 1 views
1

Entschuldigung für meine neue Frage Ich bin sehr neu und konnte keine ähnlichen Fragen zu Stackoverflow finden.Wo kann ich den JS-Teil von codepen.io implementieren, wenn ich dies zu meiner Rails-App hinzufügen möchte

Ich fand diesen sehr coolen Stift auf copepen.io. http://codepen.io/yilgul/pen/qmXQOV

Ich möchte dies auf meiner Rails-App implementieren, wie ich versuche zu lernen. Ohne vorherige Kenntnisse von JS.

Der HTML-Teil ist nur ein div mit einer ID.

<div id="box"></div> 

Wie ich am CSS aussehen ich sehe, dass der Körper eine Hintergrundfarbe hat, aber ich würde diese Funktion als einen Abschnitt auf der Seite positioniert und nicht die ganze Seite.

body { 
font-family: sans-serif; 
background: #ccc; 
padding: 100px; 

Also gab ich ihm auch eine Klasse "Box", wie folgend

<div class="box1"> 
    <div id="box"></div> 
</div> 

und adressierte diese Klasse in der custom.scss Datei.

Für den JS-Teil, ich habe diesen Teil in der application.js direkt nach den require_ * -Anweisungen. Ist das der richtige Weg?

Eine lange Geschichte kurz, ich kann es nicht zur Anzeige bringen. Könnte mir bitte jemand in die richtige Richtung zeigen?

Much appriciated

+0

Können Sie etwas relevanten Code teilen? – Ozan

+0

Gibt es einen Fehler in der Konsole? –

+0

@AgamBanga Kein Fehler, alles ist gut wiedergegeben. Aber alles, was ich sehe, ist ein statischer Abschnitt mit einer Hintergrundfarbe. –

Antwort

1

zwei Möglichkeiten, dies zu tun:

direkt Ihre js Code hinzufügen application.js

eine neue js Datei hinzufügen und schreiben //= require your-file-name in Ihrem application.js

Ich werde den zweiten bevorzugen

+0

Und stellen Sie sicher, dass Sie application.js in Ihre Layouts aufnehmen –

Verwandte Themen