JQuery提示$(...).on is not a function报错

最新推荐文章于 2021-11-09 20:40:11 发布
最新推荐文章于 2021-11-09 20:40:11 发布
阅读量801 收藏
点赞数
分类专栏： Web 文章标签： jquery 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u010511598/article/details/121029824
版权
遇到JQuery的$(…).on is not a function错误？通常原因是jQuery版本过低。升级到1.8.3以上版本即可解决。本文将分享该问题的解决方案及JQuery使用技巧，欢迎关注了解更多编程实战经验。

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

JQuery提示$(…).on is not a function报错

一般是版本太低，引入 jquery-1.8.3.min.js 以上版本即可

OK！分享一波用法！不会的给我私信或者回复留言！
觉得有帮助的可以关注一波！经常分享编程踩坑经验！

Uncaught TypeError: $(...).customFileInput is not a function
游海东的技术专栏
08-10 4992
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
Uncaught TypeError: url.indexOf is not a function
孤独的冥王星
08-23 1882
报错内容 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提示$(...).on is not a function解决方法
angou6476的博客
01-17 2268
版本太低了，引入较高的版本，如jquery-1.8.3.min.js 转载于:https://www.cnblogs.com/EasonJim/p/8299465.html
jquery：TypeError: $(...).on is not a function
Just Code
09-02 495
当发生错误 TypeError: $(...).on is not a function 时，当不存在javascript类冲突的前提下，考虑是否是因为jquery版本过低！   参考： http://stackoverflow.com/questions/15670352/typeerror-on-is-not-a-function http://stackoverflow.com/q...
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()。 ...
$(…).on is not a function - jQuery Error
nchu2020的专栏
05-02 4364
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
解决jquery submit()提交表单提示：f[s] is not a function
10-27
在使用jQuery进行网页开发时，有时会遇到这样一个问题：当你尝试使用`submit()`函数来提交表单时，浏览器会抛出一个错误：“f[s] is not a function”或“document.getElementByIdx_x(...).submit is not a function...
layui报错layui.js:1 Uncaught TypeError: f.parents is not a function
06-08
这报错通常是由于jQuery的版本过低导致的。 layui中使用的jQuery版本为1.9.1，如果使用的jQuery版本低于此版本，就会出现这个报错。 您可以尝试升级jQuery版本，或者使用layui提供的jQuery版本来解决这个问题。在...
cropper.js使用
qq_51983617的博客
11-09 2895
       这两天一直在写上传头像那一部分，需要用到cropper裁剪，算起来这是我第二次用了，本来以为会比较顺手，结果一直报这个错。 本来以为是jq和cropper的引入顺序问题，结果调好了还在报这个错误，然后又考虑到会不会是jq和cropper的版本不对应，又知道cropper和cropper.js不一样,甚至还有一个jquery-cropper，去cropper.js官网看也不懂，看人家做出来的效果又觉得难，最后还是认真看了看别
Uncaught TypeError: $(...).on is not a function
码出幸福人生
08-07 2万+
今天写个页面，想给button绑定事件，就用jQuery的on方法，结果报错了Uncaught TypeError: $(...).on is not a function。 这很不科学！ 查了一下，应该是jQuery版本的问题。因为老版本的jQuery中不支持on方法，可以用bind方法代替。 简单分析了一下，项目中的jQuery版本为什么会很老旧。 微博已经运行很多年了，所以为了兼容吧
$(...).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
孤胆码农
06-23 565
如果报$(…).on is not a function 错误  可能是你的jQuery的插件版本过低  引入较高的版本 如 jquery-1.8.3.min.js
a 标签 onclick （ not a function）
AntHub的博客
05-30 1801
js 函数声明在 body 前后表现不同
input标签onclick事件is not a function
hq.zheng的博客
08-29 1万+
一.产生原因 在非form里面ID 和函数名是可以重名的，在form标签里不行 二.解决方法 换一个函数名或者id
js点击事件报错 not a function
Duncan_dsf的博客
08-14 6065
js 点击事件 报错 Uncaught TypeError: submit is not a function
jquery ui autocomplete : this.source is not a function
程序员写的技术 FAQ 和杂文
08-08 1824
引用 jquery.js &lt;link rel="stylesheet" type="text/css" href="/assets/css/jquery-ui.css"/&gt; &lt;script type="text/javascript" src="/assets/jquery/jquery-ui.js"&gt;&lt;/script&gt;
触发onclick事件js报错 Uncaught TypeError: addVouchers is not a function at HTMLButtonElement.解决方法
sinat_35960326的博客
09-15 7336
    HTML代码                      &lt;tr&gt;                         &lt;td colspan="6" style="width:70%;" class="modity"&gt;担保信息&amp;nbsp;&amp;nbsp;&lt;/td&gt;                         &lt;td
el.addEventListener is not a function echarts
最新发布
01-23
### 解决 `el.addEventListener` 不是函数错误的方法 当遇到 `el.addEventListener` 报错提示不是一个函数的情况时，通常意味着所操作的对象并不是一个 DOM 元素。对于 ECharts 图表来说，初始化图表实例的方式可能会影响后续对该容器元素的操作。 ECharts 初始化过程中，创建图表实例时传递的是一个已存在的 HTML 容器对象[^1]： ```javascript var myChart = echarts.init(document.getElementById('main')); ``` 如果尝试直接在返回的 chart 实例上调用 `addEventListener` 方法，则会出现报错，因为该方法仅适用于原始的 DOM 节点而非由 ECharts 创建出来的图表实例。为了正确添加事件监听器到目标元素上，应当先获取对应的 DOM 对象再执行此操作[^2]: ```javascript // 获取DOM节点并为其添加点击事件处理程序 document.getElementById('main').addEventListener('click', function () { console.log('Container clicked'); }); ``` 另外，在某些情况下，可能会误以为通过 jQuery 或其他库选择得到的结果可以直接调用原生 JavaScript 的 API 函数。然而实际上这些库往往封装了自己的接口集，所以最好确认使用的正是标准 DOM Element 类型而不是框架特定的选择结构体[^3]。 确保兼容性方面，考虑到旧版 Internet Explorer 浏览器对现代 Web 标准的支持有限，建议针对这类环境做额外判断以决定采用何种方式注册事件处理器[^4]： ```javascript function addEvent(element, eventType, handler) { if (element.attachEvent) { // For IE8 and earlier versions element.attachEvent(`on${eventType}`, handler); } else { element.addEventListener(eventType, handler, false); // Standard method } } addEvent(document.getElementById('main'), 'click', function() {}); ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值