当我想将它添加到我的rails应用程序时,我在哪里实现了codepen.io中的JS部分

时间:2017-05-04 09:43:21

标签: javascript html css ruby-on-rails

对不起我的newbe问题我对此很新,我在stackoverflow上找不到任何类似的问题。

我在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; 

所以我也给了它一个班级&#34;框&#34;如下

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

并在custom.scss文件中解决了这个问题。

对于JS部分,我将这部分放在require_ *语句之后的application.js中。这是正确的方法吗?

长话短说,我无法展示它。有人可以指点我正确的方向吗?

很多appriciated

1 个答案:

答案 0 :(得分:1)

两种方法:

将您的js代码直接添加到application.js

添加新的js文件并在application.js

中编写//= require your-file-name

我更喜欢第二个