jsfiddle

Question

我正在阅读 jsfiddle tutorial 并将演示复制到 jsfiddle： https://jsfiddle.net/cdt86915998/ps6shugt/。运行此演示在 chrome 和控制台中提供 Uncaught TypeError: undefined is not a function。

我想这个错误是由 javascript 配置引起的，但我已经配置了 jQuery(edge)。

这是我的代码：

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

Answer 1

请将 addEvent 更改为 on 函数。您显然不了解 jQuery 函数。请正确参考 jquery 文档

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

Answer 2

我根据您使用的问题假设 jQuery - 如果是这样，您的语法是错误的。其他答案已经使用 mootools 解决了您的问题，因此如果您尝试使用的是图书馆，那么您最好听从他们的建议。

和jQuery
要通过 id select div，您需要在其 select 或
中添加一个 # 此外，您的某些 jQuery 方法不正确。尝试使用下面的代码：

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

Answer 3

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

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

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

Answer 4

Select MooTools 不是 jQuery 作为您的 Javascript 框架和扩展。

来自您的教程：

We are using MooTools (jsFiddle’s default library) to do a number of things

Answer 5

如果您查看教程，它需要 'Mootools' 而不是您尝试插入的 'jquery'。 jQuery 没有添加事件。尝试使用 mootools，它会立即工作

jsfiddle - 教程演示不工作