jsfiddle - Tutorial Demo funktioniert nicht

Question

Ich lese die jsfiddle tutorial und kopiert die Demo zu jsfiddle: https://jsfiddle.net/cdt86915998/ps6shugt/. Das Ausführen dieser Demo in Chrome und Konsole gibt Uncaught TypeError: undefined is not a function.

Ich vermute, dass dieser Fehler durch Javascript-Konfiguration verursacht wird, aber ich habe bereits jQuery (Edge) konfiguriert.

Dies ist mein Code:

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

Answer 1

Wählen Sie MooTools nicht jQuery als Ihre Javascript Frameworks und Erweiterungen.

Von Ihrem Tutorial:

Wir MooTools (jsFiddle der Standardbibliothek) werden mit einer Reihe von Dinge

Answer 2

bitte addEvent zu on Funktion ändern. Sie haben eindeutig nicht das richtige Wissen über jQuery-Funktionen. Bitte beachten Sie die jquery doc richtig

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

Answer 3

ich von der Frage angenommen, Sie jQuery wurden mit - wenn ja, Ihre Syntax falsch ist. Andere Antworten haben Ihr Problem mithilfe von mootools gelöst. Sie sollten also besser ihrem Rat folgen, wenn Sie die Bibliothek verwenden, die Sie verwenden möchten.

Mit jQuery
So wählen Sie die div von id Sie einen # seiner Wähler hinzufügen müssen.
Auch einige Ihrer jQuery-Methoden waren falsch. Versuchen Sie es mit diesen Code unten:

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

Answer 4

Vorausgesetzt, dass Sie sich mit der jQuery anhalten wollen, versuchen Sie die JavaScript-Abschnitt Aktualisierung wie folgt:

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

Dies korrigiert die Syntax für die Auswahl von id mit #id. Der Fehler, den Sie sehen, liegt daran, dass .set und .fade keine jquery-Funktionen sind.

Answer 5

tun Wenn Sie das Tutorial betrachten es erfordert 'Mootools' und nicht " jquery ', was Sie versucht haben einzufügen. jQuery hat kein addEvent. Versuchen Sie mit Mootools und es wird sofort funktionieren