2015-06-11 14 views
6

Der Code funktioniert in Codecademy, scheint aber nicht in Adobe Brackets IDE zu funktionieren. Vielen Dank für jede Hilfe zu diesem Thema!Wie verlinke ich externe Javascript-Dateien in Adobe Brackets IDE?

HTML Datei

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Testing</title> 
     <link type="text/css" rel="stylesheet" href="stylesheet.css"> 
    </head> 

    <body> 
     <div></div> 
     <script src="script.js"></script> 
    </body> 
</html> 

CSS Datei

div{ 
    height: 100px; 
    width: 100px; 
    background-color: aqua; 
} 

Javascript Datei

var main = function(){ 
    $('div').click(function(){ 
     $('div').hide(); 
    }); 
}; 

$(document).ready(main); 

Antwort

1

überprüfen Sie Ihre Ordnerstruktur. Es gibt nichts mit dem Editor zu tun, wenn Sie js-Dateien einschließen.

eine weitere Sache Ihr Code scheint ein jQuery-Code und um es zum Laufen zu bringen benötigen Sie jQuery-Bibliotheksdatei vor Ihrer script.js-Datei enthalten. Um jQuery-Funktionen in Ihrem Code zu verwenden, müssen Sie zuerst die Funktionsbibliothek hinzufügen.

Prüfcodes unter

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script src="script.js"></script> 
+0

Endlich geschafft, den Code zum Laufen zu bringen! Danke für Ihre Hilfe! – Rafilson

+0

@RafflesAndrison: Wenn Sie meine Antwort nützlich für Sie ist, können Sie akzeptieren, indem Sie die richtige Markierung –

+0

Wie interne js-Datei beziehen, fügte ich das Skript-Tag in der Kopfzeile, die Datei ist nicht im Browser geladen, Wie zu beheben dies – GANI

Verwandte Themen