开发者问题收集

jsFiddle 抛出控制台错误

2017-09-25
850

我是一名经验丰富的开发人员,但我对 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 未捕获的 TypeError:无法读取 null 的属性“addEvent”

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

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

本教程使用的是 alpha 版本。

2个回答

在您的 fiddle 中,您需要将 LOAD TYPE 更改为 onDomReady 。(您可以通过单击 javascript 窗口右上角的设置图标来更改此设置)。现在,您的 js 仅在 DOM 准备就绪或所有 HTML 元素都已加载时才会运行。

更新的 Fiddle

adiga
2017-09-25

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

Doanh
2017-09-25