首頁 web前端 js教程 jQuery live綁定的事件與解除綁定的實例詳解

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

Jun 26, 2017 am 09:22 AM
jquery live 事件 解除

這篇文章來跟大家介紹一下關於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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

jQuery引用方法詳解:快速上手指南 jQuery引用方法詳解:快速上手指南 Feb 27, 2024 pm 06:45 PM

jQuery引用方法詳解:快速上手指南

抖音怎麼解除實名認證不註銷?要多久? 抖音怎麼解除實名認證不註銷?要多久? Mar 07, 2024 pm 04:16 PM

抖音怎麼解除實名認證不註銷?要多久?

jQuery中如何使用PUT請求方式? jQuery中如何使用PUT請求方式? Feb 28, 2024 pm 03:12 PM

jQuery中如何使用PUT請求方式?

jQuery如何移除元素的height屬性? jQuery如何移除元素的height屬性? Feb 28, 2024 am 08:39 AM

jQuery如何移除元素的height屬性?

艾爾登法環鎖60格怎麼解除 艾爾登法環鎖60格怎麼解除 Mar 11, 2024 pm 12:46 PM

艾爾登法環鎖60格怎麼解除

jQuery小技巧:快速修改頁面所有a標籤的文本 jQuery小技巧:快速修改頁面所有a標籤的文本 Feb 28, 2024 pm 09:06 PM

jQuery小技巧:快速修改頁面所有a標籤的文本

使用jQuery修改所有a標籤的文字內容 使用jQuery修改所有a標籤的文字內容 Feb 28, 2024 pm 05:42 PM

使用jQuery修改所有a標籤的文字內容

如何修復0x87dd0019 Xbox登入錯誤 如何修復0x87dd0019 Xbox登入錯誤 Mar 22, 2024 pm 02:30 PM

如何修復0x87dd0019 Xbox登入錯誤

See all articles