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

最新推荐文章于 2021-10-29 10:34:10 发布
最新推荐文章于 2021-10-29 10:34:10 发布
阅读量2.4w 收藏 3
点赞数 4
CC 4.0 BY-SA版权
文章标签： jquery not a function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_27988539/article/details/76826507
本文介绍了在使用jQuery时遇到on方法报错的问题，并分析了原因。错误源于使用了不支持on方法的老版本jQuery，解决方案是采用bind方法或更新jQuery版本。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天写个页面，想给button绑定事件，就用jQuery的on方法，结果报错了Uncaught TypeError: $(...).on is not a function。

这很不科学！

查了一下，应该是jQuery版本的问题。因为老版本的jQuery中不支持on方法，可以用bind方法代替。

简单分析了一下，项目中的jQuery版本为什么会很老旧。

微博已经运行很多年了，所以为了兼容吧，不能轻易升级jQuery的版本。

以后再遇到类似的问题，就知道怎么解决了。

《前端》Uncaught TypeError: $(...).onkeyup is not a function
BelleDiao的博客
04-16 1023
我要实现一个在表单中实现两个数值计算的功能。不仅没实现，还报错： Uncaught TypeError: $(...).onkeyup is not a function 我的错误代码： <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewpo...
Uncaught TypeError: url.indexOf is not a function
孤独的冥王星
08-23 1897
报错内容 Uncaught TypeError: url.indexOf is not a function at jQuery.fn.init.jQuery.fn.load (jquery-3.6.0.js:10363) at HTMLImageElement.<anonymous> (test.html:47) at HTMLImageElement.dispatch (jquery-3.6.0.js:5430) at HTMLImageElement.ele
jquery异常 -- Uncaught TypeError: $(...).on is not a function
寿春
10-17 1万+
jquery异常 – Uncaught TypeError: $(…).on is not a function 报错 解决办法 第一种 ：引入更高的js 第二种：使用bind
jQuery Uncaught TypeError: $(...).on is not a function问题解决
旭东怪的博客
10-22 3万+
问题描述： Uncaught TypeError: $(...).on is not a function 问题分析： jQuery版本太老了，不支持on()方法。 问题解决： 1、更改成更高版本的jQuery。 本人从jQuery的版本从1.4.0换成1.8.0。 2、使用bind()来替换on()。 ...
Uncaught TypeError: $(...).bootstrapTable is not a function该报错可能有三种情况
qq_37139060的博客
04-26 1万+
1.jquery和bootstrap的js引入顺序问题（jquery在前）； 2.只引入了bootstrap.js却没有引入bootstrap-table.js！ 3.jquery和bootstrap的版本不匹配，升级版本。
$(…).on is not a function
孤胆码农
06-23 576
如果报$(…).on is not a function 错误  可能是你的jQuery的插件版本过低  引入较高的版本 如 jquery-1.8.3.min.js
Uncaught TypeError: $(...).customFileInput is not a function
游海东的技术专栏
08-10 5006
1、错误描述demo.js:214 Uncaught TypeError: $(...).customFileInput is not a function at HTMLDocument. (demo.js:214) at f (jquery-1.9.0.min.js:1) at Object.fireWith [as resolveWith] (jquery-1.9.0
emberx-select Uncaught TypeError: this.get(...) is not a function的解决方案
HermitSun的博客
07-30 1692
说起来也挺奇怪的，按照书上的写法再次报错，这书就不能靠谱一点…… 书上的例子就不放了，直接上解决方案吧。我在x-select的issue里发现了这么一条： Hey @newton3, if you’re using x-select 3.0 you should be using contextual components. If you update your HBS to this does...
Uncaught TypeError: file.getMetadata(...).appendChild is not a function
最新发布
03-19
好的，用户遇到了一个JavaScript错误：“Uncaught TypeError: file.getMetadata(...).appendChild is not a function”。我需要先理解这个错误的原因，然后给出解决方案。 首先，用户使用了FilePond库，并在`add...
jquery：TypeError: $(...).on is not a function
Just Code
09-02 505
当发生错误 TypeError: $(...).on is not a function 时，当不存在javascript类冲突的前提下，考虑是否是因为jquery版本过低！   参考： http://stackoverflow.com/questions/15670352/typeerror-on-is-not-a-function http://stackoverflow.com/q...
JQuery提示$(...).on is not a function报错
EraWalker的博客
10-29 843
JQuery提示$(…).on is not a function报错 一般是版本太低，引入 jquery-1.8.3.min.js 以上版本即可 OK！分享一波用法！不会的给我私信或者回复留言！ 觉得有帮助的可以关注一波！经常分享编程踩坑经验！ ...
Uncaught TypeError:$ is not a function
qq_33742119的博客
05-10 1618
错误如下：错误原因：在写js脚本之前没有引入jquery。引入方法如下：&lt;script type="text/javascript" src="~/Scripts/jquery-1.8.2.min.js"&gt;&lt;/script&gt;重新运行项目即可。...
jquery 报错提示Uncaught TypeError: $ is not a function
sunsineq的专栏
07-27 2793
可能是版本问题，也有可能是被其他脚本使用 解决方法：将 $ 替换为 jQuery $('.layui-btn.layuiadmin-btn-list').on('click', function () {}）； jQuery('.layui-btn.layuiadmin-btn-list').on('click', function () {}）；
前端报错：Uncaught TypeError: $ is not a function
lyt的博客
10-22 1684
解决方法：将 $ 替换为 jQuery $('.layui-btn.layuiadmin-btn-list').on('click', function () { jQuery('.layui-btn.layuiadmin-btn-list').on('click', function () {
$(...).on is not a function 解决方案
u010957293的专栏
08-18 2万+
比如在js加入$("p").on("click",function(){ 　　　　alert("The paragraph was clicked."); });如果报$(…).on is not a function 错误 可能是你的jQuery的插件版本过低 引入较高的版本 如 jquery-1.8.3.min.js
$(…).on is not a function - jQuery Error
nchu2020的专栏
05-02 4379
I am using dialog box, which I am closing when a user click anywhere on page expect that dialog box. Here is my code: $('body').on('click','.ui-widget-overlay',function() { $('#myRateSettings
使用layui前台html页面报Uncaught TypeError: $ is not a function
harbor_lee的博客
09-24 4446
layui内部引用了jquery，html页面直接引用了layui，所以html页面引用的自定义的js文件并不能识别是个啥。layui.是个啥。layui.是个啥。layui.应该是layui对jquery $的封装。所以自定义的js文件中声明一句var $ = layui.，且要使用，且要使用，且要使用的地方必须位于该句声明之下，否则还是报错，js就是有这种顺序性，没办法。我报该错，就是因为虽然声明了，但声明在使用之后，导致还是识别不了。 参考文章https://blog.csdn.net/ni_new_
解决：Uncaught TypeError: $ is not a function
热门推荐
weixin_41551266的博客
05-26 6万+
本来好好的，突然就出现的错误，不过这并不是什么难解决的错误； 我的问题是：在js文件里我定义了一个 var $;变量，只要把这个去掉就没问题了。 顺便总结一下：出现这种错误的解决方法： 1，先看看你的jq文件是否已经先导入了 一般来说，你的js文件需要位于最后 2.就是在js文件里找一下有没有 var $; 【呜呜我傻】 看完一些博客，大概明白，WordPress会先运行自己的脚本...
Uncaught TypeError: $(...).qrcode is not a function
哔哔丶的博客
06-04 5276
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"> &lt
Uncaught TypeError: document. forms is not a function
05-19
The error message "Uncaught TypeError: document.forms is not a function" means that you are trying to use the method "forms()" on the "document" object, but it is not a function. Here are a few ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值