CoffeeScript auf Klickereignis funktioniert nicht

Ich bin neu in CoffeeScript und JS. Ich versuche eine Warnung zu erstellen, wenn auf ein div geklickt wird, aber ich bin mir nicht sicher, warum mein Code nicht funktioniert. Alle diese Dateien befinden sich im selben Verzeichnis.CoffeeScript auf Klickereignis funktioniert nicht

first.coffee

$('#button').on 'click', -> alert 'Hello World!'

Ich habe dies versucht, mit und ohne die Hash vor button.

Und das nach dem Kompilieren:

wie diese

first.js

// Generated by CoffeeScript 1.12.4 
(function() { 
    $('#button').on('click', function() { 
    return alert('Hello World!'); 
    }); 

}).call(this);

Und die HTML aussieht. Ich habe versucht, das Skript in den Header zu verschieben, aber ich denke nicht, dass das einen Unterschied macht.

first.html

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>CoffeeScript</title> 
     <link rel="stylesheet" type="text/css" href="first.css"> 
    </head> 
    <body> 
     <div id='button'></div> 
     <script src='first.js'></script> 
    </body> 
</html>

Und das Styling für die div:

first.css

#button { 
    width: 100px; 
    height: 100px; 
    background-color: black; 
}

Quelle

2017-03-16 office_boy

Sie müssen einen Verweis auf die jQuery hinzufügen JavaScript-Bibliotheken vor Ihrem Skript

<body> 
    <div id='button'></div> 
    <script src='/path/to/jquery-3.1.1.min.js'></script> 
    <script src='first.js'></script> 
</body>

Sie müssen jQuery auf Ihr System herunterladen und den richtigen Pfad angeben.

Quelle

2017-03-16 20:23:47

Danke, das hat es gelöst! –

CoffeeScript auf Klickereignis funktioniert nicht

Antwort

Verwandte Themen