jsFiddle拋出控制檯錯誤

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遺漏的類型錯誤：無法讀取空

線的特性 '的addEvent' 51：$（ '測試'）的addEvent（ '點擊' （函數（）{

本教程中提到設置框架MooTools的。我選擇1.3.2

的教程中使用的alpha版本。

Answer 1

在你fiddle，您需要更改LOAD TYPE到onDomReady。 （你可以通過點擊javascript窗口右上角的設置圖標來改變它）。現在，您的js只有在DOM準備就緒或者所有HTML元素都已加載時纔會運行。

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 ...