Как я могу связать JQuery И еще один JS-файл с моим html?

Question

Мне нужна помощь, связанная с подключением моего JS-файла к моему html-файлу после того, как я связал jQuery с Google CDN. Я мог бы сделать и ввести код внутри, но это делает мой код выглядящим неопрятным.

Это то, что я делаю:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
</script> 
<script src="images/script.js"></script> 
<script src="script.js"></script> 

После этого, мой код не работает. Однако, когда я помещаю его в теги скриптов, он делает это. Я правильно ссылаюсь на script.js, но код не активируется, когда я пытаюсь щелкнуть что-нибудь. Что я могу сделать, чтобы исправить это?

Код я создал был:

$('div').on('click', function() { 
    $(this).toggleClass('show-description'); 
}); 

Спасибо!

Answer 1

Попробуйте поместить свой код в готовую функцию документа из jQuery. Проблема заключается в том, что ваш DOM не готов в то время, когда вы определили обработчик onclick.

jquery document ready function

$(document).ready(function() { 

    $('div').on('click', function() { 
     $(this).toggleClass('show-description'); 
    }); 
    }); 

Answer 2

Проверьте свой файловый путь для файла script.js в отношении вашего html-файла.