2015-06-11 22 views
6

Il codice funziona in Codecademy ma non sembra funzionare nell'IDE Adobe Brackets. Apprezzo molto qualsiasi aiuto su questo problema!Come collegare file javascript esterni in Adobe Bracket IDE?

file HTML

<!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 File

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

file JavaScript

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

$(document).ready(main); 

risposta

1

controllare la struttura delle cartelle. non c'è niente a che fare con l'editor quando si includono i file js.

un'altra cosa il tuo codice sembra un codice jQuery e per farlo funzionare avrai bisogno di file di librerie jQuery incluso prima del tuo file script.js. per usare le funzioni jQuery nel tuo codice devi prima aggiungere la libreria delle funzioni.

codice di controllo sotto

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

Finalmente riuscito a far funzionare il codice! Grazie per l'aiuto! – Rafilson

+0

@RafflesAndrison: se la mia risposta ti è utile, puoi accettarla spuntando il segno corretto –

+0

Come fare riferimento al file js interno, ho aggiunto il tag script nell'intestazione, il file non è stato caricato nel browser, Come risolvere questo – GANI