首頁 > web前端 > js教程 > 主體

jQuery live綁定的事件與解除綁定的實例詳解

黄舟
發布: 2017-06-26 09:22:49
原創
2037 人瀏覽過

這篇文章來跟大家介紹一下關於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解除綁定

以上是jQuery live綁定的事件與解除綁定的實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板