Как ссылаться на jQuery из моего приложения HTML/JavaScript?

Question

Я продолжаю получать Uncaught ReferenceError: $ is not defined Ошибка. Я предполагаю, что все в порядке и работает. Мой код JQuery находится внутри моего файла Javascript. Я предполагаю, что это не так, как это работает? Должен ли я иметь файл JQuery?

меня это в голове моей HTML <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

Это мой Javascript Файл:

function typing(id, sentence){ 
var result = $.Deferred(); 
    var index=0; 
    var intObject= setInterval(function() { 
     document.getElementById(id).innerHTML+=sentence[index]; 
     index++; 
     if(index==sentence.length){ 
      clearInterval(intObject); 
     } 
    }, 100); 
    return result.promise(); 
} 

var sleep = function(ms) { 
    var result = $.Deferred(); 
    setTimeout(result.resolve, ms); 
    return result.promise(); 
}; 

typing('container','Subject Name:').then(function() { 
     return sleep(500); 
    }).then(function() { 
     return typing('container',' Carlos Miguel Fernando') 
    }); 

Где я ошибся?

Answer 1

Ваш вопрос довольно неясен, но, по сути, вам просто нужно убедиться, что jQuery загружен до вашего кода. Так, например:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
<script src="your-code.js"></script> 

или

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
<script> 
// Your code 
</script> 

Но не

<!-- Not like this --> 
<script src="your-code.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 

Обратите внимание на порядок тегов.

Эти теги не обязательно должны быть в поле head, а на самом деле их положить not best practice. Они должны быть в размере head или body. Лучшая практика запрещая конкретные причины, чтобы сделать что-то еще, чтобы поместить их в самом конце body, например .:

<!-- site content here --> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
<script src="your-code.js"></script> 
</body> 
</html>