Question

我是一名经验丰富的开发人员，但我是JavaScript新手。遇到JavaScript的问题，我决定使用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未捕获的TypeError：无法读取null的属性'addEvent'

第51行：$（'test'）。addEvent（'click'，（function（）{

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

本教程使用了alpha版本。

Answer 1

在fiddle中，您需要将LOAD TYPE更改为onDomReady。（您可以通过单击javascript窗口右上角的设置图标来更改此设置）。现在，只有在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引发控制台错误

2 个答案: