如何从我的HTML/JavaScript应用程序中引用jQuery

How do I reference jQuery from my HTML/JavaScript application?

本文关键字：应用程序 引用 jQuery JavaScript 我的 HTML      更新时间：2024-03-25

我一直收到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',' Hi')
    });

我哪里错了？

您的问题相当不清楚，但本质上，您只需要确保在代码之前加载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>
相关文章：