$(...).on is not a function 解决方案

最新推荐文章于 2024-05-15 14:48:30 发布
原创 最新推荐文章于 2024-05-15 14:48:30 发布 · 2.5w 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

比如在js加入

$("p").on("click",function(){
　　　　alert("The paragraph was clicked.");
});

如果报$(…).on is not a function 错误
可能是你的jQuery的插件版本过低
引入较高的版本 如 jquery-1.8.3.min.js

uniapp - 解决报错Error in von handler:“ TypeError: $event.stopPropagation is not a function“，阻止点击事件冒泡导致错
高级前端工程师
07-15 3352
uni-app，安卓app，苹果app，微信小程序，移动端，H5网页，手机网站，微信小程序、支付宝小程序，手机app端，nvue，报错，冒泡，点击穿透，阻止点击事件冒泡，[Vue warnl: Error in von handler:" TypeError: $event.stopPropagation is not a function"，阻止失败，无法解决这个问题，外侧套一层还是报错，依旧出错，详细解决方案，如何解决这个问题，@click.stop，点击组件时不向下传递点击事件，只触发自身的点击事件，
uniapp - 解决mqtt报错 c.onOpen is not a function，在uniapp项目中使用MQTT（在uniapp小程序/h5网页/安卓苹果app端中使用mqtt协议报错解决）
高级前端工程师
12-29 1万+
uniapp，mqtt，报错，c.onOpen is not a function，uni-app使用mqtt报错，如何解决这个问题，uni.connectSocket，uniApp app端安卓苹果ios，uniapp小程序，uniapp h5平台，安装集成MQTT物联网协议无法使用，uniapp 使用mqtt 报错c.onOpen，mqtt最新版，降低版本还是报错，mqtt@3.0.0，uni.connectSocket没设置回调函数就会报错，使用mqtt连接不上，APP报错，最新解决办法，依旧不行，还
Vue2_尚品汇前端项目day11_12超详细笔记_尚硅谷
weixin_50637054的博客
03-16 418
Vue2_尚品汇前端项目day11_12超详细笔记_尚硅谷
《前端》Uncaught TypeError: $(...).onkeyup is not a function
BelleDiao的博客
04-16 1167
我要实现一个在表单中实现两个数值计算的功能。不仅没实现，还报错： Uncaught TypeError: $(...).onkeyup is not a function 我的错误代码： <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewpo...
UNI-APP_解决uni-app页面通讯(uni.$emit()、uni.$on())无效的BUG
小歪博客
01-09 2281
解决uni-app页面通讯(uni.$emit()、uni.$on())无效的BUG
$(…).on is not a function
孤胆码农
06-23 589
如果报$(…).on is not a function 错误  可能是你的jQuery的插件版本过低  引入较高的版本 如 jquery-1.8.3.min.js
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()。 ...
解决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...
解决vue里碰到 $refs 的问题的方法
08-29
然而，$refs有时可能会引发一些...当遇到$refs问题时，检查数据是否已经更新、渲染是否完成，以及$refs的使用时机是否恰当，通常可以找到解决方案。同时，也要注意避免过度依赖DOM操作，尽量保持应用的声明式编程风格。
emberx-select Uncaught TypeError: this.get(...) is not a function的解决方案
HermitSun的博客
07-30 1743
说起来也挺奇怪的，按照书上的写法再次报错，这书就不能靠谱一点…… 书上的例子就不放了，直接上解决方案吧。我在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...
JQuery提示$(...).on is not a function解决方法
weixin_34392906的博客
01-17 2万+
版本太低了，引入较高的版本，如jquery-1.8.3.min.js
jquery异常 -- Uncaught TypeError: $(...).on is not a function
寿春
10-17 1万+
jquery异常 – Uncaught TypeError: $(…).on is not a function 报错 解决办法 第一种 ：引入更高的js 第二种：使用bind
$(…).on is not a function - jQuery Error
nchu2020的专栏
05-02 4396
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
uniapp 引入uviews index.js没生效 this.$on is not a function
资深Bug开发大师
05-15 765
uniapp提示this.$on is not a functionthis. $u is not a function引入uview没生效 使用这种方式样式出来的，但是一些表单方法没生效，发现是uveiws下面的index没引入的原因，也没办法单独引入，后来找了好久，发现是因为uniapp创建的项目是vue3版本，安装的uviews是vue2版本
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版本为什么会很老旧。 微博已经运行很多年了，所以为了兼容吧
JQuery提示$(...).on is not a function报错
EraWalker的博客
10-29 865
JQuery提示$(…).on is not a function报错 一般是版本太低，引入 jquery-1.8.3.min.js 以上版本即可 OK！分享一波用法！不会的给我私信或者回复留言！ 觉得有帮助的可以关注一波！经常分享编程踩坑经验！ ...
jquery：TypeError: $(...).on is not a function
Just Code
09-02 517
当发生错误 TypeError: $(...).on is not a function 时，当不存在javascript类冲突的前提下，考虑是否是因为jquery版本过低！   参考： http://stackoverflow.com/questions/15670352/typeerror-on-is-not-a-function http://stackoverflow.com/q...
uniGUI0.93项目升级到0.94版报a.on is not a function 的解决办法
记性不好，笔记而已
12-06 1932
uniGUI0.93个别项目升级到0.94版后编译运行时会报Ajax错误，类似于： a.on is not a function  根据官方的提示，出错的原因在于From的dfm文件中保存的ClientEvents事件的约定字符串不同。0.93版中，如果用到from的OnBeforerender事件，在dfm文件一般保存为以下形式： 而到0.94版本中，用到同样的事件则保存的
.$vm.refreshRequest is not a function报错如何解决
最新发布
08-20
在页面导航过程中，当尝试通过 `beforePage.$vm.refreshRequest()` 调用前一个页面的方法时，出现 `.$vm.refreshRequest is not a function` 错误，通常是因为目标页面的 `$vm` 对象未正确初始化或方法未定义。 ### 解决方案 #### 1. 确保前一个页面定义了 `refreshRequest` 方法 确保前一个页面（即 `pageB`）的 Vue 实例中确实定义了 `refreshRequest` 方法，并且该方法是响应式的。例如： ```javascript // pageB.vue export default { methods: { refreshRequest() { console.log('刷新请求执行'); // 实际刷新逻辑 } } } ``` #### 2. 使用 `$vm` 之前检查其存在性 在调用 `refreshRequest` 方法之前，确保 `beforePage.$vm` 是一个有效的 Vue 实例。可以通过打印 `beforePage.$vm` 来确认其状态： ```javascript uni.navigateBack({ delta: 1, success: function () { if (beforePage && beforePage.$vm && typeof beforePage.$vm.refreshRequest === 'function') { beforePage.$vm.refreshRequest(); } else { console.error('refreshRequest 方法未定义或 $vm 未正确初始化'); } } }); ``` #### 3. 使用事件总线进行跨页面通信（可选） 如果 `$vm` 的方式在复杂场景下难以维护，可以考虑使用全局事件总线进行跨页面通信。例如，使用 Vue 的 `$emit` 和 `$on`： ```javascript // 在 pageB 中监听事件 created() { this.$root.$on('refresh-request', this.refreshRequest); }, methods: { refreshRequest() { console.log('通过事件触发刷新'); } } ``` ```javascript // 在返回页面时触发事件 uni.navigateBack({ delta: 1, success: function () { this.$root.$emit('refresh-request'); } }); ``` #### 4. 使用全局状态管理工具（如 Vuex） 如果项目较为复杂，建议使用 Vuex 进行全局状态管理。通过 `store` 触发 `action` 或 `mutation` 来实现页面间的数据同步和方法调用。 ### 总结 - 确保 `refreshRequest` 方法在目标页面中正确声明。 - 检查 `$vm` 是否为有效的 Vue 实例。 - 考虑使用事件机制或 Vuex 进行跨页面通信，以提高代码的可维护性。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值