2017-05-04 3 views
1

私のnewbeの質問には申し訳ありません。私はこれに非常に新しいですし、私はstackoverflowで同様の質問を見つけることができませんでした。これは私のレールアプリにこれを追加したいときにcodepen.ioからJSの部分を実装するのですか?

私はcodepen.ioでこの非常にクールなペンが見つかりました。 http://codepen.io/yilgul/pen/qmXQOV

これを私のrails-appに実装したいと思います。 JSの事前知識なし。

HTML部分は、IDを持つ単なるdivです。

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

私はCSSを見て、私は体が背景色を持っていることがわかり、しかし、私は、ページ上のセクションではなく、ページ全体として、この機能をしたいと思います。

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

だから私も

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

を次のようにそれをクラス "ボックス" を与え、custom.scssファイルにこのクラスをadressed。

JSの部分については、この部分をrequire_ *文の直後のapplication.jsに配置します。これは正しい方法ですか?

短いストーリーで、私はそれを表示することができません。誰かが正しい方向に私を指差してくれますか?

多くはこれを行うには

+0

関連するコードを共有できますか? – Ozan

+0

コンソールにエラーがありますか? –

+0

@AgamBangaエラーはありません。すべてがうまく描画されます。しかし、私が見るのは、背景色のある静的セクションです。 –

答えて

1

二つの方法をにappriciated:

は新しいJSファイルを追加し、application.jsで//= require your-file-name

を書くapplication.jsに直接あなたのjsのコードを追加します。私は2番目を好むでしょう

+0

あなたのレイアウトにapplication.jsが含まれていることを確認してください –

関連する問題