jsfiddle - 教程演示不起作用

-3

我正在閱讀jsfiddle tutorial並將演示文稿複製到jsfiddle： https://jsfiddle.net/cdt86915998/ps6shugt/。在Chrome和控制檯中運行此演示給出Uncaught TypeError: undefined is not a function。jsfiddle - 教程演示不起作用

我想這個錯誤是由javascript配置引起的，但我已經配置了jQuery（邊緣）。

這是我的代碼：

$('test').addEvent('click', (function() { 
    $('test').set('html', 'Goodbye World!') 
    $('test').fade('out'); 
}));

2016-09-22 CDT

給你的jsFiddle快速瀏覽一下，你還沒有向它導入jQuery，而且你的第一個選擇器是錯誤的。 –

它不工作，因爲jQuery庫不包含在HTML代碼 – Beginner

你沒有按照你鏈接到的教程，它告訴你選擇MooTools庫，而不是jQuery。如果你遵循它的工作原理：https：//jsfiddle.net/ps6shugt/5/ – nnnnnn

選擇MooTools而不是jQuery作爲您的Javascript框架和擴展。

從教程：

我們正在使用MooTools的（的jsfiddle的默認庫）做了一些事情

2016-09-22 03:55:20 WangYudong

請更改addEvent到on功能。你顯然沒有關於jQuery函數的正確知識。請參考jQuery的文檔正確

$('#test').on('click', (function() { 
    $('#test').html('Goodbye World!') 
    $('#test').fadeOut(); 
}));

2016-09-22 03:50:33 Ish

OP所遵循的教程不是jQuery，它使用MooTools。 – nnnnnn

我從你使用jQuery的問題假設 - 如果是這樣，你的語法是錯誤的。其他答案已經使用mootools解決了您的問題，因此如果這是您嘗試使用的庫，最好遵循他們的建議。

使用jQuery
要選擇div的ID，你需要一個#添加到其選擇。
此外，你的一些jQuery方法是不正確的。下面嘗試使用此代碼：

$('#test').on('click', function() { 
    $('#test').html('Goodbye World!') 
    $('#test').fadeOut(); 
});

2016-09-22 03:51:53

所以文檔是錯誤的！謝謝。 – CDT

沒有語法沒有錯，請看我的答案，@callodacity已經改變它使用jQuery而不是在教程 – snit80

@SenthilNatarajan給出的東西沒有捕捉到 - 很好的皮卡。 –

你想使用jQuery堅持假設，嘗試更新JavaScript部分如下：

$('#test').on('click', (function() { 
    $('#test').html('Goodbye World!'); 
    $('#test').fadeOut(1000); 
}));

這糾正語法使用#id通過ID選擇。你看到的錯誤是因爲.set和.fade不是jQuery的函數。

2016-09-22 03:54:11

OP所遵循的教程不是jQuery。 – nnnnnn

好點，在這種情況下，大多數回答的嘗試都是錯誤的。 OP確實認爲他們也在使用jQuery。 –

-2

如果你看看教程它需要「Mootools的」，而不是' jQuery的'這是你試圖插入。 jQuery沒有addEvent。嘗試使用mootools，它會立即運行

2016-09-22 03:59:27 snit80

你*在* *上詢問了這個問題，所以我會把你引用到[你的回答是在另一個城堡！]（http://meta.stackexchange.com/q/225370/175248），以便解釋爲什麼特定答案不是沒有那麼看好。 – Makoto

這是不正確的，請看看選定的答案和我的downvoted答案，他們都是一樣的。令人沮喪的是有人這樣做只是爲了「惹惱低估」我認爲應該重新考察一些政策，因爲我花時間找出問題所在，並且僅僅因爲有些人有很多要點而被低估 – snit80

回答