關於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實現DOM元素事件動態繫結jQuery事件
- 關於動態字串的繫結字串
- JQuery on()方法繫結動態元素的點選事件無響應的解決辦法jQuery事件
- echarts 繫結事件處理函式Echarts事件函式
- 動態生成的html元素繫結click事件HTML事件
- 05-v-bind動態繫結class(物件語法)物件
- jQuery事件中on實現繫結多個事件jQuery事件
- jQuery之_事件繫結與解綁jQuery事件
- 關於Android的幾種事件處理Android事件
- 為什麼在React Component需要bind繫結事件React事件
- 1.22 JQuery5:繫結自定義事件jQuery事件
- JQuery實現下拉框Select的獲取值與文字、動態繫結資料、事件等操作jQuery事件
- C++的動態繫結和靜態繫結C++
- java中的靜態繫結與動態繫結Java
- swiper loop:true引發繫結dom的click事件無效及解決方案OOP事件
- 理解靜態繫結與動態繫結
- jQuery原始碼剖析(五) - 事件繫結原理剖析jQuery原始碼事件
- uni-app入門教程(3)資料繫結、樣式繫結和事件處理APP事件
- JavaScript和JQuery的滑鼠mouse事件冒泡處理JavaScriptjQuery事件
- 使用img的onerror事件來繫結圖片異常時的處理Error事件
- 關於在swiper輪播元件中使用echarts的'click'事件無效元件Echarts事件
- 事件繫結事件
- 基於python的事件處理模型Python事件模型
- 對於動態載入內容 (包括 Ajax 請求內容) 繫結點選事件事件
- Vue一個案例引發的動態元件與全域性事件繫結總結Vue元件事件
- 動態生成html元素繫結事件iphone失效問題解決HTML事件iPhone
- 關於動態連結串列的理解
- 關於JavaScript中this的軟繫結JavaScript
- Vue.js基礎學習(三) -------------動態繫結v-bind的介紹和使用Vue.js
- 如何處理快取導致的無效曝光快取
- [譯] 為什麼需要在 React 類元件中為事件處理程式繫結 thisReact元件事件
- JSX繫結事件JS事件
- JavaScript 事件繫結JavaScript事件
- js on繫結事件JS事件
- React事件繫結的方式React事件
- 關於移動端IOS active失效的處理iOS
- 使用EventNext實現基於事件驅動的業務處理事件
- JAVA動態繫結淺析Java
- 三、動態繫結屬性