javascript - 即使我从另一个工作的 fiddle 中复制代码,JSFiddle 也不起作用

标签 javascript jquery jsfiddle

我访问了这个链接来获得一些学习如何使用 Javascript 的帮助:http://jsfiddle.net/8ZtqL/1/

我在我的项目中尝试过。没用。唔。 所以我制作了一个新的 JS Fiddle 并复制到代码中。仍然没有用.. 为什么? 这是我的 fiddle ,它不起作用:https://jsfiddle.net/mt6bwry9/

代码是一个精确的副本。

这里是使用的代码:

var text="This text will be written one by one.";
var delay=200;
var elem = $("#myText");
//text- string
//elem - jQuery element where text is to be attached
//delay - the delay in each text
var addTextByDelay = function(text,elem,delay){
    if(!elem){
        elem = $("body");
    }
    if(!delay){
        delay = 300;
    }
    if(text.length >0){
        //append first character 
        elem.append(text[0]);
        setTimeout(
            function(){
                //Slice text by 1 character and call function again                
                addTextByDelay(text.slice(1),elem,delay);            
             },delay                 
            );
    }
}

addTextByDelay(text,elem,delay);
<body>
    <div id="myText"></div>
</body>

最佳答案

既然您说您是 JavaScript 的新手,那么这里有一个更详细的答案。

如果您的 JavaScript 没有按照您期望的方式运行,请务必检查您的浏览器控制台。您可以在 Chrome 中执行此操作,方法是转到查看>>开发人员>>JavaScript 控制台或只需按 Command+Alt+J。在其他浏览器中,您会发现类似的开发者工具。

对于您的 JS Fiddle,当您打开控制台时,您会看到一条错误消息,指出 $ 未定义$ 是 jQuery 的简写。您从其他 Fiddle 复制的 JavaScript 代码使用 jQuery 进行 DOM 操作,而您的 Fiddle 尚未加载 jQuery。因此,单击 JS 部分中的齿轮图标,然后在框架下选择 jQuery(我推荐 2.2.1)并再次尝试运行代码。

关于javascript - 即使我从另一个工作的 fiddle 中复制代码,JSFiddle 也不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35849394/

相关文章:

jQuery 淡入淡出跳转到页面顶部

jquery - 如何将 JSON 对象传递给 ASP.NET MVC 4 中的 Controller 方法

javascript - JSFiddle 在 Windows 上的 Safari 4.0.5 中不起作用

Javascript Date 对象返回错误的日期

javascript - 从 Html View 更新触发更新到动态 View ,将其保存到 LocalStorage loki js

javascript - JS : how to listen event after template contruction?

api - 如何在 jsfiddle.net 中使用 trello api client.js

javascript - jQuery :contains works in FF, Safari 和 Chrome,而不是 Internet Explorer

javascript - 如何在非 Node.js 应用程序中包含 Material.io 轮廓文本字段

javascript - JS : Fizz Buzz Sequence Quiz (Display last element in series as Integer in case it equals to Fizz, 嗡嗡声或嘶嘶声)