jQuery中live()的多次重复绑定

最新推荐文章于 2024-10-09 00:58:21 发布
最新推荐文章于 2024-10-09 00:58:21 发布
阅读量95 收藏
点赞数
文章标签： javascript python ViewUI
原文链接：https://my.oschina.net/erichsbc/blog/162618
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

今天在实现某个按钮的'click'事件时用到了jquery 的事件委派live函数，但发现这个live会进行多次的事件绑定，比如我单击某个按钮时应该输出一次串字符，但结果是多次输出该字符串，感觉很奇怪，应该是live的一个bug。google了一下，原来在live()前添加die()就可以解决该bug了，代码如下 

$("#id").die().live('click',function(){
console.log("I miss you , dear!")
})


转载于:https://my.oschina.net/erichsbc/blog/162618

Joe?
关注
jQuery中live方法的重复绑定说明
12-10
解决：使用die()方法，在live()方法绑定前，将此元素上的前面被绑定的事件统统解除，然后再通过live()方法绑定新的事件。 代码如下: //先通过die()方法解除，再通过live()绑定 $(“#selectAll”).die().live(“click”,function(){ //事件运行代码 }); die()方法简介： 代码如下: die([type], [fn])<SPAN xss=removed> </SPAN> 概述 jQuery 1.3新增。此方法与live正好完全相反。 如果不带参数，则所有绑定的live事件都会被移除。 你可
jquery live（）重复绑定的解决办法
huwenhu2007的专栏
01-28 2415
Query中.live()方法的使用方法  今天在写代码的时候遇到一个问题，直接上代码看： $(function(){            $(".file").live("click",function(){                     var task_name=$(this).text();                     $("#selecting tb
jQuery live 重复绑定,导致多次执行的解决方式
Terry - 专注外贸B2C
03-21 2861
一$.fn.live 重复绑定 解决：使用die()方法，在live()方法绑定前，将此元素上的前面被绑定的事件统统解除，然后再通过live()方法绑定新的事件。 //先通过die()方法解除，再通过live()绑定 $(“#selectAll”).die().live(“click”,function(){ //事件运行代码 });
jQuery点击事件的叠加问题
AlvaPan的博客
12-21 3118
绑定事件的时候，有时需要在点击事件内在添加点击事件。我初次错误的时候觉得每次点击都是覆盖性或者单独存在的，但是在实际运行过程中二次或多次的点击会产生事件叠加性，最终我是这样解决的，看下面的例子： // jQuery叠加事件问题案例 $("#aaa").click(function(){ $("#bbb").click(function(){ alert("a")
jQuery中live()的重复绑定解决方案
酷爱编程的小猿同学
11-10 183
使用场景：需要动态绑定元素，用常规的click无法绑定，这个时候我用到了live（事件委派函数）。 问题描述：打开弹窗会给弹窗中的某些动态生成的元素绑定live事件，关闭弹窗（不刷新主页面的情况下）再打开弹窗会从新绑定live事件，导致事件多次触发。 解决方案 方案一（推荐）： //先通过die()方法解除，再通过live()绑定 $(“.root-content”).die().live(“click”,function(){ //事件运行代码 }); 方案二（不推荐）：关闭弹框时刷新.
JQuery中4种事件绑定的区别
热门推荐
cozia的博客
09-01 1万+
只要一提到JQuery事件的绑定，第一时间就会想起bind()方法。孤陋寡闻的我今天听同事提起，才来自己研究了下，发现共有四种事件绑定的方法，分别是：bind(),live(),delegate()和on()。 它们的使用方法都大同小异都是(我用Fn代表绑定事件的方法) $(selecter)Fn(event,data,fn)，还可以一对多的绑定，也就是一个Jquery对象绑定多个事件及其处理函
Jquery中事件的重复绑定
weixin_34149796的博客
07-03 103
问题：事件的绑定具有叠加效果，已有绑定的函数时，再次绑定，执行时会出现绑定多少次，触发多少次的情况 解决：1.on();绑定事件，提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数 off();解除绑定事件 $("#btn1").off("click").on("click",functio...
jquery事件重复绑定解决办法
qq_36238400的博客
09-30 441
一$.fn.live 重复绑定解决：使用die()方法，在live()方法绑定前，将此元素上的前面被绑定的事件统统解除，然后再通过live()方法绑定新的事件。//先通过die()方法解除，再通过live()绑定 $(“#selectAll”).die().live(“click”,function(){ //事件运行代码 });二click等事件解决:使用unbind(“click”)方法先解除绑
jquery live()重复绑定的解决方法介绍
10-26
例如，在上述提供的代码片段中，如果动态生成的元素使用了".file"这一类名，而使用live()绑定事件的代码执行了多次，就会出现事件处理函数被重复触发的情况。在上述代码中，每当有元素匹配".file"时，就会添加一行到...
浅析jquery某一元素重复绑定的问题
10-26
在探讨jQuery中元素重复绑定的问题之前，我们需要了解事件绑定在jQuery中的基本原理。在jQuery中，事件可以通过bind()方法绑定到指定的元素上。比如，当我们使用$('.test').bind('click', function() {...})时，意指...
jQuery中对未来的元素绑定事件用bind、live or on
10-26
为了解决这个问题，jQuery提供了一些机制来为未来元素绑定事件，比如`bind`、`live`、`on`和`.one()`方法。 首先，我们要认识到，`bind`方法是不可以用来绑定未来元素的事件的。这是因为在`bind`方法被调用的时候，...
jQuery中绑定事件bind() on() live() one()的异同
10-20
on() 方法同样支持为当前和未来的元素绑定事件，并且可以一次绑定多个事件处理器。实际上，on() 方法是一个更为通用的绑定方式，包括了 bind() 和 delegate() 方法的功能。on() 方法的出现使得事件绑定更加简单和...
解释器、预处理、main函数
编程语言技巧经验分享
10-07 1249
解释器覆盖范围很广，不管是解释语言的运行时解释翻译器，还是操作系统自带脚本的解释器。
javascript中==和===有什么不同
最新发布
qq_48763502的博客
10-09 408
这个运算符用于比较两个值是否相等，但会在必要时进行类型转换。当两个值的类型不同，JavaScript 会尝试将它们转换为相同的类型，然后再进行比较。
jQuery事件处理详解：DOM加载与事件绑定
**多次使用** 一个显著的区别是，JavaScript的`onload`事件只能绑定一个函数，而jQuery的`$(document).ready()`可以绑定多个函数，这意味着你可以调用多个函数来处理DOM准备就绪的事件，而不会覆盖之前的绑定。 **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值