Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当我想将它添加到我的rails应用程序时,我在哪里实现codepen.io中的JS部分_Javascript_Html_Css_Ruby On Rails - Fatal编程技术网

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

Javascript 当我想将它添加到我的rails应用程序时,我在哪里实现codepen.io中的JS部分,javascript,html,css,ruby-on-rails,Javascript,Html,Css,Ruby On Rails,很抱歉我的新问题,我对这个很陌生,我在stackoverflow上找不到任何类似的问题 我在codepen.io上发现了这支非常酷的笔。 我想在我尝试学习的时候在rails应用程序上实现这一点。 事先不了解JS HTML部分只是一个ID为的div <div id="box"></div> 所以我也给了它一个类“盒子”,如下所示 <div class="box1"> <div id="box"></div> </

很抱歉我的新问题,我对这个很陌生,我在stackoverflow上找不到任何类似的问题

我在codepen.io上发现了这支非常酷的笔。

我想在我尝试学习的时候在rails应用程序上实现这一点。 事先不了解JS

HTML部分只是一个ID为的div

    <div id="box"></div>
所以我也给了它一个类“盒子”,如下所示

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

并在custom.scss文件中处理该类

对于JS部分,我将此部分放在require_*语句之后的application.JS中。这条路对吗

长话短说,我无法把它展示出来。有人能给我指一下正确的方向吗

非常值得推荐的两种方法:

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

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


我更喜欢第二个

你能分享一些相关的代码吗?控制台有错误吗?@AgamBanga没有错误,一切都很好。但我看到的只是一个背景色的静态部分。谢谢你的回复@Ozan你想看什么?请原谅我的不完整,并确保在布局中包含application.js
<div class="box1">
    <div id="box"></div>
</div>