Как я могу ссылаться на 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и, на самом деле, ставить их там не лучшая практика. Они должны быть в 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>