jsfiddle - 教程演示不起作用

Question

我正在阅读jsfiddle tutorial并将演示内容复制到jsfiddle： https://jsfiddle.net/cdt86915998/ps6shugt/。在chrome和console中运行此演示会产生Uncaught TypeError: undefined is not a function。

我认为这个错误是由javascript配置引起的，但我已经配置了jQuery（edge）。

这是我的代码：

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

Answer 1

选择MooTools而不是jQuery作为您的Javascript框架和扩展。

从您的教程：

  

我们正在使用MooTools（jsFiddle的默认库）来做很多事情   事

Answer 2

请将addEvent更改为on功能。你显然没有关于jQuery函数的正确知识。请正确参考jquery文档

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

Answer 3

我从你使用jQuery的问题中假设 - 如果是这样，你的语法是错误的。 其他答案已经解决了你使用mootools的问题，所以如果那是你想要使用的库，你最好听从他们的建议。

使用jQuery
要按ID选择div，您需要在其选择器中添加# 此外，您的一些jQuery方法不正确。请尝试使用以下代码：

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

Answer 4

假设您想继续使用jQuery，请尝试按如下方式更新javascript部分：

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

这会更正使用#id按ID选择的语法。您看到的错误是因为.set和.fade不是jquery函数。

Answer 5

如果您查看教程，它需要'Mootools'而不是'jquery'，这是您尝试插入的内容。 jQuery没有addEvent。尝试使用mootools，它会立即起作用