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

 Eosven_119 发布于 2023-02-12 17:42

我一直在收到Uncaught ReferenceError: $ is not defined错误.我认为一切都很好并且正常工作.我的JQuery代码在我的Javascript文件中.我认为这不是它的工作原理吗?我应该有一个JQuery文件吗?

我把它放在我的HTML头脑中

这是我的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')
    });

我哪里做错了?

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,事实上,将它们放在最佳实践中.他们必须在headbody.除非特定原因做出其他事情的最佳做法是将它们放在最后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>
    

    2023-02-12 17:45 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有