即使我从另一个工作小提琴复制代码,JSFiddle也不起作用

时间:2016-03-07 16:51:02

标签: javascript jsfiddle

我访问了此链接,以便在学习如何使用Javascript时获得一些帮助:http://jsfiddle.net/8ZtqL/1/

我在我的项目上尝试过。没工作。嗯。 所以我创建了一个新的JS 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>

1 个答案:

答案 0 :(得分:3)

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

如果您的JavaScript行为不符合您的预期,请务必检查您的浏览器控制台。您可以通过转到查看&gt;&gt;开发人员&gt;&gt; JavaScript控制台或只需按Command + Alt + J在Chrome中执行此操作。在其他浏览器中,您将找到类似的开发者工具

对于JS Fiddle,当您打开控制台时,您会看到一个错误$ is not defined$是jQuery的简写。您从其他Fiddle复制的JavaScript代码使用jQuery进行DOM操作,而您的Fiddle尚未加载jQuery。因此,单击JS部分中的齿轮图标,在Frameworks下选择jQuery(我建议2.2.1),然后再次尝试运行代码。