2015-06-11 4 views
6

Код работает в Codecademy, но, похоже, не работает в Adobe Brackets IDE. Большое спасибо за любую помощь по этой проблеме!Как связать внешний файл javascript в среде Adobe Brackets IDE?

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 Файл

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

Javascript Файл

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

$(document).ready(main); 

ответ

1

проверить структуру папок. редактор не имеет ничего общего с приложением js-файлов.

еще одна вещь, что ваш код кажется кодом jQuery и для его запуска вам понадобится Файл библиотеки jQuery, включенный перед вашим файлом script.js. для использования функций jQuery в вашем коде вам нужно сначала добавить библиотеку функций.

контрольный код ниже

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

Наконец-то удалось получить код! Спасибо за вашу помощь! – Rafilson

+0

@ RafflesAndrison: если вы мой ответ вам полезен, вы можете принять его, отметив правильную отметку –

+0

Как передать внутренний файл js, я добавил тег сценария в заголовок, файл не загружен в браузере, как исправить это – GANI

1

Вы не включены jQuery в вашем документе.

http://jquery.com/download/

Via CDN:

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 

Если открыть консоль JavaScript вы, вероятно, видели бы ошибка говорит вам, что $ не определена.

+0

Проблема решена! Спасибо за информацию ! – Rafilson