键入js不在中间人中工作

Question

我试图在中间人中使用类型化的js，但我无法使其工作。

在index.html.erb 中

<span class="elementTyped"></span>

在all.js 中

//= require_tree .
//= require jquery  
//= require bootstrap-sprockets
<script src="jquery.js"></script>
<script src="typed.js"></script>
<script>
    $(function(){
        $(".elementTyped").typed({
            strings: ["My name is example", "I am a developer"],
            typeSpeed: 0
        });
    });
</script>

布局中

<%= javascript_include_tag  "all" %>

我澄清自己做错了，https://jsfiddle.net/uw9uqc30/1/

Answer 1

主要问题是javascript文件中有html。

您的<script>标签是html。如果你在链接的jsfiddle中查看，你会发现这些标签在HTML窗格中，而不是javascript窗格中。将它们从all.js中删除。

其次，Rails使用另一种方式链接资源。你看到all.js顶部的//= require语句了吗？jquery.js已经有了一个，您只需要为typed.js 添加一个即可