国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 web前端 js教程 jquery如何使用undelegate去掉用delegate為動態(tài)建立元素綁定的事件?

jquery如何使用undelegate去掉用delegate為動態(tài)建立元素綁定的事件?

Jun 26, 2017 am 10:58 AM
jquery 使用 去掉 如何

其實是需要新增一次事件,原本用one方法,就可以解決。

實現(xiàn)這樣的功能,如:name為abc開始的a元素 第一次點擊時輸出它的內(nèi)容

$("a[name^='abc']").one(function(
    console.log($(this).html());
));

但是one方法不支援動態(tài)建立的元素。所有用delegate

$(document).delegate("a[name^='abc']","click",function(){    console.log($(this).html());    //這里我需要點擊一次后 再刪除此click綁定

    $(document).undelegate($(this),"click"); //這句不管用
    $(this).undelegate("click"); //也不管用

    //手冊上說undelegate第一個參數(shù)需要指定一個單獨的selector,
    //a[name^='abc']取到的是一個元素集,用它后會刪除掉所有綁定。
    //沒有被點過的也刪除了。求解,我只需要被點一次后的元素刪除click事件})

樓主的意思應(yīng)該是:?頁面有多個a[name=^'abc']的元素, 透過委託在document綁定了click事件,綁定成功,需要在點擊一次之後,再點擊不再觸發(fā)事件;

解決方法:?1. 利用$object.data()儲存數(shù)據(jù),判斷是否被點擊過;

$(document).on('click', 'a[name^="abc"]', function(e) {   //委托,實現(xiàn)綁定click事件
            if (!$(this).data('clicked')) {   //判斷是否已經(jīng)被點擊,
                                              // 第一次點擊因為 $(this).data('click')為 undefined 
                linkClickHandler.call(this);  //調(diào)用處理函數(shù)
                $(this).data('clicked', true); //設(shè)置  "已點擊"
            }            return false;   //返回false,阻止默認行為,因為 <a>自動跳轉(zhuǎn)
        });function linkClickHandler() { // 事件處理函數(shù)
            // 函數(shù)中的this指向觸發(fā)的元素 , 為 DomElement類型
            //TODO 
            console.log($(this).text());
        }

用on 不要用delegate了

<div id="target">test</div><script type="text/javascript">$(&#39;#target&#39;).on(&#39;click&#39;, function() {    var self = $(this);
    alert(self.text());
    self.off(&#39;click&#39;);
});

on包辦現(xiàn)在和未來的元素,還可以指定範圍,指定seletor,減少事件數(shù)量,提高遍歷速度,棒棒噠。

bind, live, delegate在1.9後就已經(jīng)不推薦了,現(xiàn)在只要一個on代替曾經(jīng)所有~

//舉個例子
$(document).ready(function(){
  $("body").delegate("p","click",function(){
    //do some
  });
  $("button").click(function(){
    $("body").undelegate();
  });
});

以上是jquery如何使用undelegate去掉用delegate為動態(tài)建立元素綁定的事件?的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

本網(wǎng)站聲明
本文內(nèi)容由網(wǎng)友自願投稿,版權(quán)歸原作者所有。本站不承擔相應(yīng)的法律責任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請聯(lián)絡(luò)admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅(qū)動的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

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

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

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

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

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

foob??ar2000怎麼下載? -foobar2000怎麼使用 foob??ar2000怎麼下載? -foobar2000怎麼使用 Mar 18, 2024 am 10:58 AM

foob??ar2000是一款能隨時收聽音樂資源的軟體,各種音樂無損音質(zhì)帶給你,增強版本的音樂播放器,讓你得到更全更舒適的音樂體驗,它的設(shè)計理念是將電腦端的高級音頻播放器移植到手機上,提供更便捷高效的音樂播放體驗,介面設(shè)計簡潔明了易於使用它採用了極簡的設(shè)計風格,沒有過多的裝飾和繁瑣的操作能夠快速上手,同時還支持多種皮膚和主題,根據(jù)自己的喜好進行個性化設(shè)置,打造專屬的音樂播放器支援多種音訊格式的播放,它還支援音訊增益功能根據(jù)自己的聽力情況調(diào)整音量大小,避免過大的音量對聽力造成損害。接下來就讓小編為大

crystaldiskmark是什麼軟體? -crystaldiskmark如何使用? crystaldiskmark是什麼軟體? -crystaldiskmark如何使用? Mar 18, 2024 pm 02:58 PM

CrystalDiskMark是一款適用於硬碟的小型HDD基準測試工具,可快速測量順序和隨機讀取/寫入速度。接下來就讓小編為大家介紹一下CrystalDiskMark,以及crystaldiskmark如何使用吧~一、CrystalDiskMark介紹CrystalDiskMark是一款廣泛使用的磁碟效能測試工具,用於評估機械硬碟和固態(tài)硬碟(SSD)的讀取和寫入速度和隨機I/O性能。它是一款免費的Windows應(yīng)用程序,並提供用戶友好的介面和各種測試模式來評估硬碟效能的不同方面,並被廣泛用於硬體評

BTCC教學(xué):如何在BTCC交易所綁定使用MetaMask錢包? BTCC教學(xué):如何在BTCC交易所綁定使用MetaMask錢包? Apr 26, 2024 am 09:40 AM

MetaMask(中文也叫小狐貍錢包)是一款免費的、廣受好評的加密錢包軟體。目前,BTCC已支援綁定MetaMask錢包,綁定後可使用MetaMask錢包進行快速登錄,儲值、買幣等,且首次綁定還可獲得20USDT體驗金。在BTCCMetaMask錢包教學(xué)中,我們將詳細介紹如何註冊和使用MetaMask,以及如何在BTCC綁定並使用小狐貍錢包。 MetaMask錢包是什麼? MetaMask小狐貍錢包擁有超過3,000萬用戶,是當今最受歡迎的加密貨幣錢包之一。它可免費使用,可作為擴充功能安裝在網(wǎng)絡(luò)

百度網(wǎng)盤app怎麼用 百度網(wǎng)盤app怎麼用 Mar 27, 2024 pm 06:46 PM

在如今雲(yún)端儲存已成為我們?nèi)粘I詈凸ぷ髦胁豢苫蛉钡囊徊糠?。百度網(wǎng)盤作為國內(nèi)領(lǐng)先的雲(yún)端儲存服務(wù)之一,憑藉其強大的儲存功能、高效的傳輸速度以及便捷的操作體驗,贏得了廣大用戶的青睞。而且無論你是想要備份重要文件、分享資料,還是在線上觀看影片、聽取音樂,百度網(wǎng)盤都能滿足你的需求。但很多用戶可能對百度網(wǎng)盤app的具體使用方法還不了解,那麼這篇教學(xué)就將為大家詳細介紹百度網(wǎng)盤app如何使用,還有疑惑的用戶們就快來跟著本文詳細了解一下吧!百度雲(yún)網(wǎng)盤怎麼用:一、安裝首先,下載並安裝百度雲(yún)軟體時,請選擇自訂安裝選

網(wǎng)易信箱大師怎麼用 網(wǎng)易信箱大師怎麼用 Mar 27, 2024 pm 05:32 PM

網(wǎng)易郵箱,作為中國網(wǎng)友廣泛使用的一種電子郵箱,一直以來以其穩(wěn)定、高效的服務(wù)贏得了用戶的信賴。而網(wǎng)易信箱大師,則是專為手機使用者打造的信箱軟體,它大大簡化了郵件的收發(fā)流程,讓我們的郵件處理變得更加便利。那麼網(wǎng)易信箱大師該如何使用,具體又有哪些功能呢,下文中本站小編將為大家?guī)碓敿毜膬?nèi)容介紹,希望能幫助到大家!首先,您可以在手機應(yīng)用程式商店搜尋並下載網(wǎng)易信箱大師應(yīng)用程式。在應(yīng)用寶或百度手機助手中搜尋“網(wǎng)易郵箱大師”,然後按照提示進行安裝即可。下載安裝完成後,我們打開網(wǎng)易郵箱帳號並進行登錄,登入介面如下圖所示

小米汽車app怎麼用 小米汽車app怎麼用 Apr 01, 2024 pm 09:19 PM

小米汽車軟體提供遠端車控功能,讓使用者可以透過手機或電腦遠端控制車輛,例如開關(guān)車輛的門窗、啟動引擎、控制車輛的空調(diào)和音響等,下文就是這個軟體的使用及內(nèi)容,一起了解下吧。小米汽車app功能及使用方法大全1、小米汽車app在3月25日上線蘋果AppStore,現(xiàn)在安卓手機的應(yīng)用商店中也可以下載了;購車:了解小米汽車核心亮點和技術(shù)參數(shù),可預(yù)約試駕、配置訂購您的小米汽車,支援線上處理提車待辦事項。 3.社群:了解小米汽車品牌資訊,交流用車體驗,分享精彩車生活;4、車控:手機就是遙控器,遠端控制,即時安防,輕

教你使用 iOS 17.4「失竊裝置保護」新進階功能 教你使用 iOS 17.4「失竊裝置保護」新進階功能 Mar 10, 2024 pm 04:34 PM

Apple在周二推出了iOS17.4更新,為iPhone帶來了一系列新功能和修復(fù)。這次更新包含了全新的表情符號,同時歐盟用戶也能夠下載其他應(yīng)用程式商店。此外,更新還加強了對iPhone安全性的控制,引入了更多的「失竊設(shè)備保護」設(shè)定選項,為用戶提供更多選擇和保障。 "iOS17.3首次引入了「失竊設(shè)備保護」功能,為用戶的敏感資料增加了額外的安全保障。當用戶不在家等熟悉地點時,該功能要求用戶首次輸入生物特徵信息,並在一小時後再次輸入資訊才能存取和更改某些數(shù)據(jù),如修改AppleID密碼或關(guān)閉失竊設(shè)備保護功能

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

標題:jQuery小技巧:快速修改頁面所有a標籤的文字在網(wǎng)頁開發(fā)中,我們經(jīng)常需要對頁面中的元素進行修改和操作。使用jQuery時,有時候需要一次修改頁面中所有a標籤的文字內(nèi)容,這樣可以節(jié)省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標籤的文本,同時給出具體的程式碼範例。首先,我們需要引入jQuery庫文件,確保在頁面中引入了以下程式碼:&lt

See all articles