jQuery中live绑定的事件与解除绑定

一$.fn.live 重复绑定

解决:

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

 

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

二,解除live绑定的事件

解决:使用unbind("click")方法先解除绑定的事件再绑定新事件,即在给对象绑定事件之前先移除该对象上的原有事件

 代码如下 复制代码

var accoutEdit=function(){
            $(this).text("解除绑定事件");
            //解除live绑定
            $('.setAccoutEdit .option').die('click',accoutEdit);
        }
 
//绑定修改事件
$('.setAccoutEdit').live('click',accoutEdit);
 
/* 关闭 功能*/
$('.editOption').live('click',function(){
 
    $(this).text("添加绑定事件");
    //添加accoutEdit绑定
    $('.setAccoutEdit .option').live('click',accoutEdit);
 
});

另外
使用bind绑定的事件,用unbind解除绑定
使用delegate绑定的事件,用undelegate解除绑定
使用on绑定的事件,用off解除绑定

时间: 2024-10-27 05:03:26

jQuery中live绑定的事件与解除绑定的相关文章

jQuery中on绑定事件后引发的事件冒泡问题如何解决_jquery

用on绑定时,我把子元素的 绑定到 document,而把父元素绑定到上级元素,导致 return false 阻止冒泡无效. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999

关于jquery中动态增加select,事件无效的快速解决方法_jquery

近来做项目,用的jquery1.6.2库,当动态增加div 及select时,事件却不起作用. 查了一些资料,发现bind事件:向匹配元素附加一个或更多事件处理器.而live事件:为当前或未来的匹配元素添加一个或多个事件处理器. 其资料如下: [bind和live的区别] live方法其实是bind方法的变种,其基本功能就同bind方法的功能是一样的,都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件,对于事后采用JS等方式新生成的元素无效,而live方法则正好弥补了bin

jquery中交替点击事件的实现代码

 这篇文章主要介绍了jquery中交替点击事件的实现代码,需要的朋友可以参考下  代码如下: $('#clickId').toggle(  function(){$('#divId').hide();},  function(){$('#divId').show();}  );    toggle方法中有两个参数,分别是要交替执行的事件.如果不传参默认是显示隐藏功能   

哪位大哥大姐能给我一份JQuery中treeview绑定右键菜单

问题描述 哪位大哥大姐能给我一份JQuery中treeview绑定右键菜单 treeview是读取数据库的,在treeview任一节点上单击右键弹出菜单(我自己设置的内容:例如:"添加"."删除"."修改")一定要实现其功能啊!!!!急急急!!!!!!!!!!!!!!

jQuery实现获取绑定自定义事件元素的方法_jquery

本文实例讲述了jQuery实现获取绑定自定义事件元素的方法.分享给大家供大家参考,具体如下: (function ($) { // 自定义itemtab事件 $.fn.bind = function(types, data, fn) { // 重载jQuery.fn.bind方法,用来截获绑定自定义事件的元素 if(typeof types == 'string' && 'itemtab' == types) { var itemTouchStart = -1; // touchstart

JQUERY中ON方法(事件委派机制)详解

前言 在开发项目的时候,JQuery的使用极其广泛,如果脑海中没有一点JQuery的基础知识,随性编写,那么就有可能造成bug问题.JQuery 1.4版本之后新增了on方法,这个用得比较多,为此我特地做了个总结,有需要的伙伴们可以好好的看一下这篇文章.on方法是专门用来处理事件委派机制的,笼统的说就是解决在你Ajax或者Pjax之后事件无法绑定到新添加的元素上的问题的,很多JQuery中的bug问题也都出现在这. 需求分析 1.解决Ajax或者Pjax之后导致点击事件失效问题. 效果图 1.当

jquery中mouseenter和mouseleave事件示例

但是由于javascript的dom事件传播机制,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件,不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件. 所有jquery提供了mouseenter和mouseleave事件来终止事件传播,使事件只发生在选中的元素上. 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件. 只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件. 例  代码如下 复制代码 <!DOCTYPE h

jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果_jquery

但感觉这样写很没意思. jquery的优势就是简单的代码就能带来更好的用户体验. 所以就找几个我感觉实用的例子,拿出来介绍下.顺带把其中用到的操作和事件介绍下. html代码: <input type="text" id="address" value="请输入邮箱地址"/> jquery代码: 复制代码 代码如下: $(document).ready(function(){ $('#address').focus(function(

jquery中document ready 与事件监听绑定和解绑

1.document ready 先看代码: $(function(){  alert('你好'); }); 传入的参数是一个函数,我们需要做的是,需要在文档准备完毕之后去执行它.现在有2种情况: 1.文档还没有准备完毕,这些事件怎么办 2.文档已经准备完毕,这些事件怎么办 解决办法是,预先定义一个闭包内的全局变量来收集这些事件,然后在文档准备完毕之后去执行它.而如果文档已经准备完毕之后,传入的事件就直接执行即可. (function() {     // 预先定义事件队列容器     var