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

Posted 2023-02-16

【中文标题】如何从我的 HTML/JavaScript 应用程序中引用 jQuery？

【英文标题】：How do I reference jQuery from my HTML/JavaScript application?

【发布时间】：2013-12-22 06:38:35

【问题描述】：

我不断收到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')
    );

我哪里做错了？

【问题讨论】：

“我的 JQuery 在我的 Javascript 中，我认为它是这样工作的。” 嗯？

请发布您的 html 代码，以便查看您在哪里添加了对 jquery 的引用。谢谢

【参考方案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>

【讨论】：

这么简单的事情太麻烦了！非常感谢，我完全错过了那个。我会尽快接受答案:)

@CarlosMiguelFernando：哈哈！很高兴有帮助。