`
wxinpeng
  • 浏览: 588499 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

jQuery 中 live 方法的 重复绑定

阅读更多

问题:使用jQuery的live()方法绑定事件,有时会出现重复绑定的情况,如,当点击一个按钮时,此按钮所绑定的事件会并执行n遍。

 

解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件。

//先通过die()方法解除,再通过live()绑定
$("#selectAll").die().live("click",function(){
		//事件运行代码
	});

 die()方法简介:

die([type], [fn]) 

概述

jQuery 1.3新增。此方法与live正好完全相反。

如果不带参数,则所有绑定的live事件都会被移除。

你可以解除用live注册的自定义事件。

如果提供了type参数,那么会移除对应的live事件。

如果也指定了第二个参数function,则只移出指定的事件处理函数。

分享到:
评论

相关推荐

    jQuery中live方法的重复绑定说明

    解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件。 代码如下: //先通过die()方法解除,再通过live()绑定 $(“#selectAll”).die().live(“click...

    jquery live()重复绑定的解决方法介绍

    在实际应用中,如果使用live()方法重复绑定事件而导致问题,可以考虑以下解决方法: 1. 使用 delegate() 或 on() 方法替代live()方法。这些方法提供了更灵活的事件委托机制,允许在父元素上为子元素绑定事件,而且...

    浅析jquery某一元素重复绑定的问题

    live()方法是jQuery 1.3版本中新增的方法,用于给所有当前以及将来会匹配的元素绑定事件处理器。live()方法与传统的bind()方法最大的区别在于,live()是通过事件冒泡机制将事件处理器绑定在document上,而并非直接...

    jQuery:bind() delegate() live()事件绑定

    在探讨jQuery中的`bind()`, `delegate()`, 和`live()`事件绑定方法的区别时,我们需要深入理解它们在处理DOM事件时的独特方式。这些方法在不同的场景下提供了灵活且高效的选择,帮助开发者创建响应式和动态的Web应用...

    JQuery绑定事件

    3. **`.bind()`**、**`.live()`**、**`.delegate()`**:这些都是早期jQuery版本中使用的方法,虽然在新版本中已被`.on()`替代,但理解它们有助于了解jQuery的发展历程。其中,`.bind()`与`.on()`类似,`.live()`和`....

    JQuery下的Live方法和$.browser方法使用代码

    首先,`live()`方法在jQuery 1.3.2版本中被引入,主要用于处理动态生成的元素的事件绑定。在传统的事件绑定方式中,如果页面元素是在DOM加载后动态添加的,那么事先绑定的事件可能无法对这些新元素生效。而`live()`...

    jQuery事件绑定与解除绑定实现方法

    本文将深入探讨jQuery中的`bind`和`unbind`方法,以及如何通过它们来实现事件处理。 首先,事件绑定是将一个或多个事件处理器函数与特定元素关联的过程。在jQuery中,`bind`方法用于此目的。例如,在提供的代码中,...

    JQuery调用绑定click事件的3种写法

    本文将详细介绍在jQuery中绑定`click`事件的三种常见方法,以及它们的应用场景和差异。 ### 1. `click()`方法 这是最直接和最简单的绑定`click`事件的方式。当你希望为一个元素添加点击事件监听器时,可以使用`...

    jQuery中绑定事件bind() on() live() one()的异同

    在不同的版本中,jQuery 提供了多种方法来绑定事件,主要包括 bind()、on()、live() 和 one()。接下来,我们将详细探讨这些方法的相似点和不同点。 首先,让我们了解一下 bind() 方法。bind() 是 jQuery 中最传统的...

    前端项目-jquery.liveurl.zip

    现在,我们来深入了解一下基于jQuery的插件jQuery LiveUrl,它可以帮助开发者实现在自己的项目中添加这种功能。 jQuery LiveUrl是一款轻量级的前端插件,专门用于获取并显示URL预览信息,其工作原理类似于Facebook...

    jquery事件重复绑定的快速解决方法

    文章中还提供了一段测试代码,通过不同的按钮测试`.click()`和`.live()`方法在重复绑定时的表现,验证了使用`.die()`和`.unbind()`方法解决重复绑定问题的有效性。 总结来说,处理jQuery事件重复绑定的关键是识别并...

    jquery中文参考

    1. **live()方法**: 在jQuery 1.2中,`live()`方法首次出现,它允许动态添加到DOM的元素也能响应事件,解决了事件绑定的问题。 2. **$.param()**: 这个方法用于序列化表单数据,常用于构建URL查询字符串,与Ajax...

    jQuery中对未来的元素绑定事件用bind、live or on

    为了解决这个问题,jQuery提供了一些机制来为未来元素绑定事件,比如`bind`、`live`、`on`和`.one()`方法。 首先,我们要认识到,`bind`方法是不可以用来绑定未来元素的事件的。这是因为在`bind`方法被调用的时候,...

    jQuery中bind(),live(),delegate

    今天我们将深入探讨jQuery中的事件绑定方法,包括`bind()`, `live()`, `delegate()`,以及后来推出的`on()`方法。这四个方法都是为了帮助开发者更方便地管理页面上的事件,特别是对于动态生成的元素。 1. **bind()*...

    jQuery给动态添加的元素绑定事件的方法

    本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下: jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要...

    解析jQuery的三种bind/One/Live事件绑定使用方法

    本文将详细介绍jQuery中的三种事件绑定方法:bind、one和live,以及它们各自的特点和应用场景。 1. **bind**:`bind()` 是jQuery中最基础的事件绑定方法,它允许我们将事件处理器绑定到DOM元素上。例如,我们可以...

    jquery1.10给新增元素绑定事件的方法

    本文将重点介绍在jQuery 1.10版本中给新增元素绑定事件的方法,特别是旧方法.live()的移除和新方法.on()的引入。 首先,.live()方法在旧版本的jQuery中被广泛使用,用于为动态添加到DOM中的元素绑定事件。然而,...

    jQuery中dom元素上绑定的事件详解

    jQuery提供了多种方式来绑定事件,包括`click`、`change`、`mouseout`等基本事件以及`.bind()`、`.live()`等方法。这些方法允许开发者轻松地为HTML元素添加事件监听器,从而在用户与页面交互时执行相应的JavaScript...

Global site tag (gtag.js) - Google Analytics