jsFiddle 抛出控制台错误

Question

我是一名经验丰富的开发人员，但我是 JavaScript 的新手。 JavaScript 有问题，我决定使用 jsFiddle，这对我来说也是新的。

我找到了这个教程： http://doc.jsfiddle.net/tutorial.html

这是我的fiddle： 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' of null

第 51 行：$('test').addEvent('click', (function() {

教程提到将框架设置为Mootools。我选择了1.3.2

本教程使用了 alpha 版本。

Answer 1

在您的 fiddle 中，您需要将 LOAD TYPE 更改为 onDomReady。（您可以通过单击 javascript window 右上角的设置图标来更改此设置）。现在，只有当 DOM 准备好或所有 HTML 元素都已加载时，您的 js 才会运行。

Updated Fiddle

Answer 2

您需要导入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...

jsFiddle 抛出控制台错误

jsFiddle Throws Console Error

javascript

mootools

jsfiddle