jsFiddle抛出控制台错误
问题描述:
我是一位经验丰富的开发人员,但我是JavaScript新手。 有一个JavaScript问题,我决定使用jsFiddle,这对我来说也是新的。jsFiddle抛出控制台错误
我发现这个教程: http://doc.jsfiddle.net/tutorial.html
这是我的小提琴: https://jsfiddle.net/richardpaulhall/y540ozwv/10/
-----
<div id='test'>Helloooo World!</div>
-----
$('test').addEvent('click', (function() {
$('test').set('html', 'Goodbye World!')
$('test').fade('out');
}));
-----
我设置的例子作为指导,但没有奏效。 它引发控制台错误。
fiddle.jshell.net/richardpaulhall/y540ozwv/10/show/:51遗漏的类型错误:无法读取空
线的特性 '的addEvent' 51:$( '测试')的addEvent( '点击' (函数(){
本教程中提到设置框架MooTools的。我选择1.3.2
的教程中使用的alpha版本。
答
在你fiddle
,您需要更改LOAD TYPE
到onDomReady
。 (你可以通过点击javascript窗口右上角的设置图标来改变它)。现在,您的js
只有在DOM准备就绪或者所有HTML元素都已加载时才会运行。
答
您需要导入jQuery的:
https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
然后更新JS:
$(document).ready(function() {
$('#test').on('click', function() {
$('#test').html('Goodbye World!');
$('#test').fadeOut('slow');
});
});
啊,对不起,你是不是使用jQuery ...
该固定问题。 但是在JAVASCRIPT窗格的Settings页面中设置_LOADTYPE_。 –
@ ThePascalKing当然是:)。完全忘记了顶部的其他设置图标。 – adiga