javascript - 类型化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 Pane 中，而不是 javascript Pane 中。从 all.js 中删除它们.

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