开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

.off之后jquery (“.on”)不工作(“click”)

问题描述：在使用jQuery的.on()方法绑定事件后，当使用.off()方法解绑事件后，再次使用.on()方法绑定同样的事件时，事件不起作用。

解决方案：

确保正确使用.on()和.off()方法：在绑定事件时，使用.on()方法，而不是直接使用.click()等快捷方法。同样，在解绑事件时，使用.off()方法，而不是直接使用.unbind()等方法。确保语法正确，例如：$(selector).on(event, function)和$(selector).off(event, function)。
检查事件绑定的顺序：确保在解绑事件后再次绑定事件，避免事件绑定的顺序错误导致事件无效。
检查事件绑定的元素：确保事件绑定的元素选择器正确，能够选中需要绑定事件的元素。
检查事件绑定的函数：确保事件绑定的函数存在且正确，可以尝试在事件绑定函数中添加console.log()语句，检查函数是否被调用。
检查其他代码的影响：检查是否有其他代码修改了事件绑定的相关元素或函数，可能导致事件无效。
检查jQuery版本：确保使用的是最新版本的jQuery，以避免已知的bug或问题。

关于jQuery的.on()和.off()方法：

.on()方法用于绑定一个或多个事件处理函数到选中元素，可以绑定多个事件，例如click、mouseover等。语法：$(selector).on(event, function)。
.off()方法用于解绑一个或多个事件处理函数，可以解绑指定事件、指定函数，或者解绑所有事件。语法：$(selector).off(event, function)。

推荐的腾讯云相关产品和产品介绍链接地址：

云服务器（CVM）：提供弹性计算能力，满足各类业务需求。了解更多：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务。了解更多：https://cloud.tencent.com/product/cdb
云存储（COS）：提供安全可靠、高扩展性的云端存储服务。了解更多：https://cloud.tencent.com/product/cos
人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。了解更多：https://cloud.tencent.com/product/ai
物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联网设备。了解更多：https://cloud.tencent.com/product/iot
云原生应用平台（TKE）：提供容器化应用的部署、管理和扩展能力。了解更多：https://cloud.tencent.com/product/tke

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

jQuery 双击事件（dblclick）时，不触发单击事件(click)

出处：jQuery 双击事件（dblclick）时，不触发单击事件(click) 在jQuery的事件绑定中，执行双击事件(dblclick)时能触发两次单击事件(click)。...即一个标签元素（如div等），如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时，不会触发双击事件(dblclick)，执行双击事件(dblclick...)时却会触发两次单击事件(click)。...先看一下点击事件的执行顺序：单击(click)：mousedown，mouseout，click；双击(dblclick)：mousedown，mouseout，click ， mousedown，...mouseout，click，dblclick；在双击事件(dblclick)，触发的两次单击事件(click)中，第一次的单击事件(click)会被屏蔽掉，但第二次不会。

5.1K3 0

JavaWeb——JQuery之高级操作应用及实践案例总结（动画、遍历、事件绑定）

）； 2）$.each(object,[callback])： 3）for..of：JQuery3.0 版本之后提供的方式【注意】：如果遍历中加判断条件，当前function返回为false，则结束循环...事件绑定 JQuery事件绑定方式包括： 1）JQuery标准的绑定方式：JQuery对象.事件方法（回调函数）；注意：如果调用事件方法，不传递回调参数，会触发浏览器默认行为； 2）on绑定事件、off...解除绑定：JQuery对象.on("事件名称"，回调函数)、JQuery对象.off("事件名称")；注意：若off方法不传递任何参数，则会将组件上所有的事件解除； 3）事件切换toggle：JQuery...使用off解除btn按钮的单击事件 $("#btn2").click(function () { //解除btn按钮的单击事件...//$("#btn").off("click"); $("#btn").off();//将组件上的所有事件全部解绑 }); });

9.4K2 0

硬核解析，巧用案例学习jQuery框架三种事件绑定方式

Jquery对象.mouseout();鼠标移出时触发表单对象.submit();//让表单提交*** 在这里需要注意：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...解除绑定利用jquery的on()方法可以将的一个事件绑定到jquery对象上，语法格式如下： jq对象.on("事件名称",回调函数) 利用jquery的off()方法可以将的一个事件从jquery...语法格式如下： jq对象.off("事件名称") 注意：如果off方法不传递任何参数，则将组件上的所有事件全部解绑，如下面的实例：为第一个按钮绑定一个弹窗事件，点击按钮触发弹窗，点击第二个按钮，解除第一个按钮的弹窗事件...("click") // 解除所有绑定 $("#btn").off(); }); });...之后继续和大家分享应用jquery框架的实战案例！我是灰小猿！我们下期见！

1.9K1 0

jQuery选择器、Dom操作、样式、事件处理

库内部已经做了各种底层的封装，以及各种兼容问题的处理，工作中调用库内的API接口就能实现需要的功能，不需要额外的代码来处理函数封装和兼容问题，让代码更简洁，效率更高。...(){ console.log("糟糕，我怎么又被点击了")； }) $("#btn").off("click.myClick") // 仅仅解绑了上面添加命名的事件二，不会解绑事件一 2....).on("click", "li", function() { var text = $(this).text() console.log(text) }) off() 方法通常用于移除通过...Paste_Image.png $("#btn").off("click.myClick") 推荐使用：on方法，因为既能普通绑定事件，也能事件代理绑定。...内置的 easing 函数： swing, linear callback: 可选，animate 函数执行完之后，要执行的函数。

1.9K3 0

「jQuery」基础 - 03

jQuery 为我们提供了多种事件解绑方法：die()、undelegate()、off()等，甚至还有只触发一次的事件绑定方法one()，在这里我们重点讲解一下off()： off语法演示代码...事件解绑 off // $("div").off(); // 这个是解除了div身上的所有事件 $("div").off("click"); // 这个是解除了...div身上的点击事件 $("ul").off("click", "li"); // 2. one() 但是它只能触发事件一次...（下载略）代码演示懒加载只需引入html 和 js操作即可，此插件不涉及css。...之后把最新从表单获取过来的数据，追加到数组里面。

2.8K3 0

JQuery高级应用

for..of：jquery 3.0 版本之后提供的方式。...标准的绑定方式 jq对象.事件方法(回调函数)；注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...解除绑定 jq对象.on("事件名称",回调函数) jq对象.off("事件名称") 如果off方法不传递任何参数，则将组件上的所有事件全部解绑 <!...}) ; //使用off解除btn按钮的单击事件 $("#btn2").click(function (...) { //解除btn按钮的单击事件 $("#btn").off("click");

5.9K3 0

前端成神之路-03_jQuery

jQuery 为我们提供了多种事件解绑方法：die() / undelegate() / off() 等，甚至还有只触发一次的事件绑定方法 one()，在这里我们重点讲解一下 off() ; 语法...事件解绑 off // $("div").off(); // 这个是解除了div身上的所有事件 $("div").off("click"); // 这个是解除了...div身上的点击事件 $("ul").off("click", "li"); // 2. one() 但是它只能触发事件一次...（下载略）代码演示懒加载只需引入html 和 js操作即可，此插件不涉及css。...// 5.之后把最新从表单获取过来的数据，追加到数组里面。

3K2 0

jQuery

元素结合.prevUntil(选择器) 获取到当前元素上面所有兄弟元素, 直到选择器元素为止(不包含选择器元素) 10. parent() => 获取到当前元素的父元素 11....元素集合.off(事件类型) => 解除元素身上该事件类型的所有事件处理函数 2....', handlerA) $('li').on('click', handlerB) // 3. off() // 3-1. off(事件类型) // 把 click 事件的所有事件处理函数全部解除...// $('li').off('click') // 3-2. off(事件类型, 事件处理函数) // 把 click 事件的 handlerA 事件处理函数解除 //...$('li').off('click', handlerA) // 4. trigger() // $('li:first').trigger('click') </script

1.8K1 0

【Java 进阶篇】JQuery 事件绑定：`on` 与 `off` 的奇妙舞曲

而 JQuery，作为 JavaScript 的一种封装库，为这场表演提供了更为便捷和优雅的事件绑定方式。其中，on 和 off 两位主角，正是这场奇妙舞曲中的核心演员。...(function() { $('#myButton').off('click', handleClick); }, 3000); <...然后，通过 off 方法解绑了点击事件。这样，鼠标悬停事件仍然会被触发，但点击事件不再响应。解绑所有事件如果你想彻底解绑所有类型的事件，可以调用 off 方法时不传递任何参数。 <!...// 过一段时间后解绑点击事件 setTimeout(function() { $('#myButton').off('click', clickHandler)...小结通过深入学习 on 和 off 方法，我们已经更好地理解了 JQuery 事件绑定的精髓。on 方法不仅能够简单直接地绑定事件，还支持多种用法和进阶技巧，包括事件代理、命名空间、事件数据传递等。

1593 0

jQuery事件机制

jQuery事件机制 JavaScript中已经学习过了事件，但是jQuery对JavaScript事件进行了封装，增加并扩展了事件处理机制。...jQuery事件发展历程(了解) 简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐) 简单事件注册 click(handler) //单击事件...之后，jQuery用on统一了所有事件的处理方法。...' ); //解绑所有的click事件 off方式（推荐） // 解绑匹配元素的所有事件 $(selector).off(); // 解绑匹配元素的所有click事件 $...(selector).off("click"); 触发事件 $(selector).click(); //触发 click事件 $(selector).trigger("click");

1.8K1 0

前端基础-jQuery事件机制

第8章 jQuery事件机制 JavaScript中已经学习过了事件，jQuery对JavaScript事件进行了封装，增加并扩展了事件处理机制。...8.1 jQuery事件发展历程(了解) 简单事件绑定–bind事件绑定–delegate事件绑定–on事件绑定(推荐) 简单事件注册 click(handler) 单击事件 mouseenter(...', function(){ // 为 .parentBox下面的所有的p标签绑定事件 }); 8.2 on注册事件(重点) jQuery1.7之后，jQuery用on统一了所有事件的处理方法。...' ); // 解绑所有的click事件 off方式（推荐） // 解绑匹配元素的所有事件 $(selector).off(); // 解绑匹配元素的所有click事件 $(selector).off(...'click'); 8.5 触发事件 $(selector).click(); // 触发 click事件 $(selector).trigger('click'); 8.6 jQuery事件对象 jQuery

6692 0

一文深入JQuery

3.0 版本之后提供的方式事件绑定 jquery标准的绑定方式 on绑定事件/off解除绑定事件切换：toggle 案例广告显示和隐藏抽奖插件：增强JQuery的功能实现方式：动画...false:如果当前function返回为true，则结束本次循环，继续下次循环(continue) $.each(object, [callback]) for…of: jquery 3.0 版本之后提供的方式...for(元素对象 of 容器对象) 事件绑定 jquery标准的绑定方式 jq对象.事件方法(回调函数)；注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...表单对象.submit();//让表单提交 on绑定事件/off解除绑定 jq对象.on(“事件名称”,回调函数) jq对象.off(“事件名称”) 如果off方法不传递任何参数，则将组件上的所有事件全部解绑...给结束按钮绑定单击事件 $("#stopID").click(function () { //处理按钮是否可以使用的效果 $("#startID").prop("disabled"

3.3K3 0

jQuery基础

，释放之后就不能再使用$,改为使用jQuery jQuery.noConfict(); 2.自定义一个访问符号*/...() 如果不传递参数,会移除所有的事件如果传递一个参数,会移除所有指定类型的事件如果传递两个参数,会移除所有指定类型的指定事件示例 <!...// $("button").off("click"); //off方法如果传递两个参数,会移除所有指定类型的指定事件 $("button...").off("click",test1); }); jQuery自动触发事件 1.trigger...可以找一个在入口函数执行之前就有的元素来监听动态添加的某些事件为什么要事件委托新增的节点没有click响应,因为jQuery入口函数加载$("ul>li").click时没有把

1.7K2 0

jQuery 事件(三) 事件的绑定和解绑、对象的使用、自定义事件

如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数卸载事件off()方法通过.on()绑定的事件处理程序通过off() 方法移除该绑定根据on绑定事件的一些特性...mousedown") 删除多个事件 $("elem").off("mousedown mouseup") 删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁 $("elem").off...() 事件对象的使用 jQuery事件对象的作用标准的”click”点击事件 $(elem).on("click",function(event){ event //事件对象 }) 在不同浏览器之间事件对象的获取...正常来说是不可以的，但是jQuery解决了这个问题，提供了一个trigger方法来触发浏览器事件 $('#elem').trigger('click'); //在绑定on的事件元素上，通过trigger...尽管 .trigger() 模拟事件对象，但是它并没有完美的复制自然发生的事件，若要触发通过 jQuery 绑定的事件处理函数，而不触发原生的事件，使用.triggerHandler() 来代替 triggerHandler

4K3 0

jQuery

siblings(selector) $( “.first”).siblings(“li”); 查找兄弟节点，不包括自己本身 nextAll([expr]) $(".first").nextAll() 查找当前元素之后所有的同辈元素...outerWidth(true) / outerHeight(true) 取得匹配元素宽度和高度值包括 padding、border、margin 返回值是数字型的如果参数是数字，则修改样式参数不写单位...','li',function() { alert('hello world'); }) 对于新创建的元素，click无法绑定，但是on可以 $('div').on('click','p...',function() { alert('别点我'); }) $('div').append($('新来的')) 5.1.2 off()解绑事件解除全部事件 $('div')....off() 解除特定事件 $('div').off('click') 解除事件委托 $('div').off('click','li') 只触发一次的事件 $('div').one('click',function

8.4K1 0

JQuery 笔记（二）

3.0 版本之后提供的方式 for(元素对象 of 容器对象) 3....事件绑定 1. jquery标准的绑定方式 * jq对象.事件方法(回调函数)； * 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...* 表单对象.submit();//让表单提交 2. on绑定事件/off解除绑定 * jq对象.on("事件名称",回调函数) * jq对象.off("事件名称...") * 如果off方法不传递任何参数，则将组件上的所有事件全部解绑 3....给结束按钮绑定单击事件 $("#stopID").click(function () { //处理按钮是否可以使用的效果

3K1 0

jquery jQuery快速入门

因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.x：不兼容IE678，很少有人使用，官方只做BUG维护，功能不再新增。...如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日) 3.x：不兼容IE678，只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。...("div:has(h1)")// 找到所有后代中有h1标签的div标签 $("div:has(.c1)")// 找到所有后代中有c1样式类的div标签 $("li:not(.c1)")// 找到所有不包含...(); }); $("p").click(function () { alert("p"); }); $("div").click(function (...jQuery的这个入口函数没有函数覆盖现象，文档加载完成之后就可以调用（建议使用此函数）事件委托事件委托是通过事件冒泡的原理，利用父标签去捕获子标签的事件。

16.1K5 0

02-老马jQuery教程-jQuery事件处理

// $("#btn").trigger('click', ['1234', '3333']); // 触发事件处理程序执行，不触发事件本身 $('#btn').triggerHandler...off(events,[selector],[fn]) 如果一个简单的事件名称，比如提供"click"，所有这种类型的事件（包括直接和委派）从jQuery设置的元素上删除。...实例： // 解绑所有的on的事件 $("p").off() // 解绑所有的p的委托click事件，所有子元素都被取消绑定 $("p").off( "click", "**" ) // 解绑具体的某个事件处理程序...$('.list li').off('click.demo'); }); }); 3....event.stopPropagation() 防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数。 4.

6.4K0 0

jQuery第二十三篇移除事件

charset="UTF-8"> Document <script type="text/javascript" src="<em>jquery</em>...function test2() { alert("666"); } $("button").click...(test1); $("button").click(test2); // off方法如果不传递参数, 会移除所有的事件 // $("...button").off(); // off方法如果传递一个参数, 会移除所有指定类型的事件 // $("button").off("click");...// off方法如果传递两个参数, 会移除所有指定类型的指定事件(代表的是指定的click并且test1的事件ha) $("button").off("click", test1

3913 0

JQuery第三节

2.1. jQuery事件发展历程(了解) 简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐) 简单事件注册 click(handler) 单击事件...之后，jQuery用on统一了所有事件的处理方法。...（不用） $( selector ).undelegate(); //解绑所有的delegate事件 $( selector).undelegate( “click” ); //解绑所有的click事件...off方式（推荐） // 解绑匹配元素的所有事件 $(selector).off(); // 解绑匹配元素的所有click事件 $(selector).off("click"); 2.4....触发事件 $(selector).click(); //触发 click事件 $(selector).trigger("click"); 2.5. jQuery事件对象 jQuery事件对象其实就是js

7883 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭