javascript - jsFiddle 抛出控制台错误

标签 javascript mootools jsfiddle

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

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

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

教程使用了 alpha 版本。

最佳答案

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

Updated Fiddle

关于javascript - jsFiddle 抛出控制台错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46400691/

相关文章:

javascript - Swfobject 和 MooTools : Dynamic movie height

javascript - 在加载可视页面之前加载 CSS 'theme'

javascript - 谷歌地图错误 "' addDomListener' of undefined"

javascript - 在 web2py 中将 python 数据传递给 javascript

javascript - JQuery 包含时会导致冲突

javascript - 重新绘制 Canvas 时如何防止形状拖尾 - Javascript

javascript - onLoad、onDomready、No wrap - in <head> 和 No wrap - in <body> 之间有什么区别?

html - 具有填充页面高度的div

javascript - 在 IE 页面加载时提前调用 javascript 函数

javascript - 如何更改不规则多边形图像 onclick 和 onmouseover