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

最新推荐文章于 2021-10-29 10:34:10 发布
原创 最新推荐文章于 2021-10-29 10:34:10 发布 · 2.4w 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #not a function

本文介绍了在使用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 1901
报错内容 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 577
如果报$(…).on is not a function 错误  可能是你的jQuery的插件版本过低  引入较高的版本 如 jquery-1.8.3.min.js
Uncaught TypeError: $(...).customFileInput is not a function
游海东的技术专栏
08-10 5007
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 844
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 2794
可能是版本问题，也有可能是被其他脚本使用 解决方法：将 $ 替换为 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 4381
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 4451
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 5283
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 possible reasons for this error: 1. The "forms" property may not be defined on the "document" object in your browser or environment. 2. There may be a conflict with another script that is redefining or overwriting the "document.forms" method. 3. There may be a syntax error or typo in your code that is causing the error. To resolve this error, you can try the following steps: 1. Check your code for any syntax errors or typos that may be causing the problem. 2. Make sure that the "forms" property is supported on the "document" object in your browser or environment. 3. Try renaming the "forms" property to something else to avoid conflicts with other scripts. For example, you could use "myForms" instead of "forms". 4. Try using a different method or property to access the forms on the page, such as "document.getElementsByTagName('form')" or "document.querySelectorAll('form')".
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值