jQuery: $ не определено

Question

Я хочу сделать просто функцию jQuery click. Но эта одна доза не работает. даже не простое предупреждение. не могли бы вы мне помочь.

$(document).ready(function(){ alert("JavaScript is working"); 
$("#tab").slideUp("fast"); 
$("#steps").click(function(){ 
$("#tab").slideToggle("slow"); 
}); 
}); 

Если вы считаете, что это ошибка, то ссылка моя ссылка все идут как:

<link type="text/css" rel="stylesheet" href="divset.css"> 
<link type="text/css" rel="stylesheet" href="top.css"> 
<script type="text/javascript" src="hint2.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 

где divset.css, top.css и hint2.js мои CSS и JQuery документы.

Answer 1

Добавьте свой код после jquery libs.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script type="text/javascript" src="hint2.js"></script> 

Answer 2

От разметки вы поделились это выглядит как сказал сценарий в файле hint2.js, если это так, когда этот сценарий выполняется JQuery еще не загружен, что является Readon для ошибки так

<link type="text/css" rel="stylesheet" href="divset.css"> 
<link type="text/css" rel="stylesheet" href="top.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script type="text/javascript" src="hint2.js"></script>