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

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>