Uncaught TypeError: $(...).qrcode is not a function

最新推荐文章于 2024-04-17 10:53:46 发布

哔哔丶

最新推荐文章于 2024-04-17 10:53:46 发布

阅读量4.7k

点赞数

分类专栏：二维码前端 JS 文章标签： javascript jquery

本文链接：https://blog.csdn.net/weixin_46886363/article/details/117549046

版权

二维码同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

前端

1 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

Uncaught TypeError: $(…).qrcode is not a function

使用jQuery.js生成二维码出现的问题与解决方案

一、解决方法

1.检查是否成功引入所需的全部js文件

2.检查引入js顺序是否有误：

	jquery.js→其他配置文件xx.js→自定义js

3.代码示例：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    //引入js
    <script src="js/jquery2.1.4.js"></script>
    <script src="js/jquery.qrcode.js"></script>
    <script src="js/utf.js"></script>
</head>
<body>
<div id="qrcode"></div>
<script type="text/javascript">
    var config = {
        width: 200,   //二维码宽度
        height: 200,  //二维码高度
        text: 'java从入门到跑路',   //二维码扫描结果，文本示例
    };
    $('#qrcode').qrcode(config);  //调用生成二维码方法
</script>
</body>
</html>

二、常见问题

1.顺序问题

先引入jquery.qrcode.js，再引入jquery.js，最后引入utf.js（示例）：

<script src="js/jquery.qrcode.js"></script>
<script src="js/jquery2.1.4.js"></script>
<script src="js/utf.js"></script>

程序运行失败，会报错：

报错结果

2.编码问题

未引入utf.js（示例）：

<script src="js/jquery2.1.4.js"></script>
<script src="js/jquery.qrcode.js"></script>
<%--<script src="js/utf.js"></script>--%>

程序运行失败，会报错：

运行结果

哔哔丶

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Uncaught TypeError: $(...).qrcode is not a function

Uncaught TypeError: $(…).qrcode is not a function使用jQuery.js生成二维码出现的问题与解决方案一、解决方法1.检查是否成功引入所需的全部js文件2.检查引入js顺序是否有误： jquery.js→其他配置文件xx.js→自定义js3.代码示例：<%@ page contentType="text/html;charset=UTF-8" language="java" %><html lang="en">&lt
复制链接

扫一扫