即使我从另一个工作中复制代码,JSFiddle 也不起作用 fiddle
JSFiddle doesn't work even if I copy code from another working fiddle
我访问了这个 link 以在学习如何使用 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,当您打开控制台时,您会看到一个错误 $ is not defined
。对于 jQuery,$
是 shorthand。您从其他 Fiddle 复制的 JavaScript 代码使用 jQuery 进行 DOM 操作,而您的 Fiddle 尚未加载 jQuery .因此,单击 JS 部分和框架 select jQuery(我推荐 2.2.1)下的齿轮图标,然后再次尝试 运行 您的代码。
我访问了这个 link 以在学习如何使用 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,当您打开控制台时,您会看到一个错误 $ is not defined
。对于 jQuery,$
是 shorthand。您从其他 Fiddle 复制的 JavaScript 代码使用 jQuery 进行 DOM 操作,而您的 Fiddle 尚未加载 jQuery .因此,单击 JS 部分和框架 select jQuery(我推荐 2.2.1)下的齿轮图标,然后再次尝试 运行 您的代码。