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

【问题标题】：Where do i implement the JS part from codepen.io when I want to add this to my rails app当我想将它添加到我的 rails 应用程序时，我在哪里实现 codepen.io 的 JS 部分
【发布时间】：2017-05-04 09:43:21
【问题描述】：

对于我的新手问题，我很抱歉，我对此很陌生，我在 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;

所以我也给它一个类“盒子”如下

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

并在 custom.scss 文件中对此类进行了寻址。

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

长话短说，我无法展示它。有人可以指出我正确的方向吗？

非常感谢

【问题讨论】：

可以分享一些相关代码吗？
控制台有错误吗？
@AgamBanga 没有错误，一切都渲染得很好。但我看到的只是一个带有背景颜色的静态部分。
感谢@Ozan 的回复你想看什么？不完整见谅

标签： javascript html css ruby-on-rails

【解决方案1】：

两种方法：

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

添加一个新的js文件并在你的application.js中写入//= require your-file-name

我更喜欢第二个

【讨论】：

并确保在布局中包含 application.js