關於jQuery用bind動態繫結事件無效的處理
最近在進行頁面開發,在做頁面特效的時候,需要給一個動態載入的按鈕賦予一個事件
於是不假思索的 用$(obj).bind(); 來繫結事件 。
但是這樣存在一個問題:
bind確實能繫結事件,但是那是相對於固定的html標籤來說
當頁面內容屬於動態載入的時候,bind事件就存在一個bug, 只能bind一次,當你第二次觸發事件的時候就沒用了
例如:
我給<a>標籤賦予一個click , <a>標籤包括內容都是從後臺資料讀取然後動態載入的 。當我使用bind來繫結click事件,這時, 第一次點選click能成功觸發
但是第二次點選,click事件無效了...
後面研究發現,jQuery還有個繫結事件的方法:delegate(); 用法如下:
$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){
//js資料程式碼
});
這樣就能實現對動態資料繫結事件,並永不失效
相關文章
- jquery 為動態新增的元素繫結事件jQuery事件
- jquery給動態新增的dom元素繫結事件jQuery事件
- jQuery實現DOM元素事件動態繫結jQuery事件
- jQuery給動態新增的元素繫結事件的方法jQuery事件
- 淺談Jquery中的bind(),live(),delegate(),on()繫結事件方式jQuery事件
- 關於動態字串的繫結字串
- JQuery on()方法繫結動態元素的點選事件無響應的解決辦法jQuery事件
- jQuery繫結事件jQuery事件
- 如何避開jquery動態繫結的事件重疊問題jQuery事件
- Jquery 給Js動態新新增的元素 繫結的點選事件jQueryJS事件
- jquery為動態新增元素註冊事件處理函式jQuery事件函式
- 動態生成的html元素繫結click事件HTML事件
- jQuery為動態新增的按鈕註冊事件處理函式jQuery事件函式
- 05-v-bind動態繫結class(物件語法)物件
- 解決jquery的多次繫結事件jQuery事件
- 動態建立的DOM元素進行事件繫結事件
- 【譯】jQuery事件繫結的最佳實踐jQuery事件
- 求助:關於“JAVA事件處理模式”Java事件模式
- jQuery事件中on實現繫結多個事件jQuery事件
- C++的動態繫結和靜態繫結C++
- jQuery之_事件繫結與解綁jQuery事件
- 關於Android的幾種事件處理Android事件
- 理解靜態繫結與動態繫結
- swiper loop:true引發繫結dom的click事件無效及解決方案OOP事件
- javascript事件處理函式繫結簡單介紹JavaScript事件函式
- Wicket中JQuery事件繫結失效的解決jQuery事件
- 動態繫結和靜態繫結的簡單理解
- SAP BW ODS無效字元自動處理程式字元
- Henry的VB.NET之旅(十四)—動態關聯事件與處理程式事件
- 為什麼在React Component需要bind繫結事件React事件
- C++ — 靜態繫結與動態繫結C++
- Oracle 處理無效物件數Oracle物件
- 第77天:jQuery事件繫結觸發jQuery事件
- Dynamics CRM 關於頁面事件繫結函式時無需指定庫的驗證事件函式
- uni-app入門教程(3)資料繫結、樣式繫結和事件處理APP事件
- 20 個用於處理頁面滾動效果的 jQuery 外掛jQuery
- js如何給繫結的事件處理函式傳遞引數JS事件函式
- 6.用on繫結事件事件