Простые addClass JQuery не работает

Question

У меня есть этот короткий код,

$("#contact").click(function(){ 
$("#contact").addClass("clicked"); 
}); 

И это не работает, возвращая мне

"Uncaught TypeError: $ is not a function"

, реф на 2-й линии

$("#contact").addClass("clicked"); 

Так , jquery работает, потому что он распознает первую строку, и элемент $("#contact") правильно назван, потому что он обнаруживает нажмите кнопку. Я не могу догадаться, почему эта строка терпит неудачу.

---

После просмотра все ваши комментарии,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
     <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#contact").click(function(){ 
       $("#contact").addClass("clicked"); 
      }); 
     }); 
     </script> 

Мой код просто так. Я думаю, что jquery хорошо вставлен, и все это в заголовке страницы

Answer 1

Если вы включили jQuery, но $ не определен, вы можете запустить jQuery в noConflict режиме. Чем вы можете обернуть свой код следующим образом:

jQuery(function($) { 
    $("#contact").click(function(){ 
     $("#contact").addClass("clicked"); 
    }); 
});