jQuery使用on()繫結動態生成元素的事件無效的問題
jQuery的on()方法可以繫結動態生成元素的事件,但是在實際使用時發現無效。如下HTML:
1 2 3 |
< p >
< a >123</ a >
</ p >
|
使用如下方式,對靜態元素有效,但是繫結動態生成的a元素的事件時無效:
1 2 3 |
$( 'a' ).on( 'mouseenter' ,
function (){
............
});
|
需要繫結a的父級元素(此元素必須為靜態元素,不是後來動態生成的),然後設定on()方法的selector引數才行:
1 2 3 |
$( 'p' ).on( 'mouseenter' ,
'a' ,
function (){
..............
});
|
相關推薦
jQuery使用on()繫結動態生成元素的事件無效的問題
jQuery的on()方法可以繫結動態生成元素的事件,但是在實際使用時發現無效。如下HTML: 1 2 3 <p> <a>123</a> </p> 使用如下方式,對靜態元素有效,但是繫結動態
關於jquery 的繫結事件on 如何繫結動態生成的dom元素
今天遇到個問題,在table裡面動態更新資料,然後每一行會繫結相應的點選事件 我原本是想用 可作用於未來元素的on方法,但是實際上還是沒有起作用,程式碼如下: $(".form-table tbod
js/jQuery繫結將來生成的事件
HTML <button class="num1">點選生成按鈕</button> <div class="newbtn" id="newparent" style="width: 400px;height: 80px;border: 1px solid r
Swiper外掛 loop:true時引發繫結dom的click事件無效及解決方案
現象 在使用 swiper 這個庫的時候,一旦設定 loop:true 的時候,有時會遇到 dom 繫結事件無法觸發的問題。 原因 當loop模式下slides前後會clone若干個slide,從而形成一個環路,但是卻不會複製繫結在dom上的c
jquery 繫結 動態html標籤事件
可以這樣理解,無論HTML內容是不是JS生成的,只要沒有跨域,所有頁面內的元素都屬於這個頁面,都能夠繫結事件,JS中有個非常重要的概念叫事件冒泡,簡單來講,就是子元素產生的事件,會一直冒泡到最頂級父元素,並能夠被父元素監測到。請看下圖: 事件冒泡 那麼,我能不能在被插
Swiper外掛 loop:true時引發繫結dom的click事件無效及解決方案
現象 在使用 swiper 這個庫的時候,一旦設定 loop:true 的時候,有時會遇到 dom 繫結事件無法觸發的問題。 原因 當loop模式下slides前後會clone若干個slide,從而形成一個環路,但是卻不會複製繫結在dom上的click事件。 解決
jquery移除、繫結、觸發元素事件使用示例詳解
unbind(type [,data]) //data是要移除的函式 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有 對於只需要觸發一次的,隨後就要立即解除繫結的情況,用one() $('#btn').one("cl
WPF: WrapPanel 容器的資料繫結(動態生成控制元件、遍歷)
問題: 有一些CheckBox需要作為選項新增到頁面上,但是數目不定。而為了方便排版,我選擇用WrapPanel面板來作為父容器。那現在的問題就是如何把這些控制元件新增到這個WrapPanel裡了。我想到了兩個方法,第一個是先得到控制元件數目,然後再動態生成並
WeX5動態生成data,並繫結動態生成的list
因為專案需要,無法使用提前弄好靜態的,所以,將demo整理下,發上來,供各位朋友參考 define(function(require){ var $ = require("jquery"); var justep = require("$UI/system/
jQuery繫結動態元素的點選事件無效
示例如下: <div> <ul id="demo"> <li>Kubernetes:下一代分散式系統的護戒使者</li> <li>機器學習工具--Pandas cheat sheet</li> <li&g
給動態動態生成元素繫結事件不生效解決方法
JQ動態生成的元素,無法繫結事件,查詢到的原因是:繫結事件的元素必須是構造頁面時已經存在的,假如構造元素是不存在,是後動態生成,則繫結不了,解決方法,通過on()繫結舉例:$("body").on("c
利用chrome瀏覽器進行js除錯並找出元素繫結的點選事件詳解
大家有沒有遇到這樣的一個問題,我們在分析一些大型電子商務平臺的Web前端指令碼時,想找到一個元素繫結的點選事件,並不是那麼容易,因為有些前端指令碼封裝的比較隱蔽,甚至有些加密指令碼,用傳統的查詢元素ID、或者頁面原始碼方法去找,可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查詢元素繫
jquery on方法 繫結動態元素 出現的問題
之前使用 on 的時候一直是$("").on('click','function(){}')之後發現有些時候一直無法繫結(比如元素動態生成時),檢視文件後發現正確用法應該是$(document).on("change","#pageSize_out",function(){
vue中動態繫結表單元素的屬性
在vue中有時候可能想像使用jq一樣給某個元素新增屬性,如 $('#select1').attr('disabled','disabled') 這種方法也能實現,但是在vue中能用vue的方法還是儘量不要使用jq 使用vue的方法來新增屬性可以這樣:
如何用vue 語法 給html元素繫結原生js DOM 事件
問題描述: 最近在使用vue全家桶開發頁面,而且也是剛入門vue,很多vue的東西都是現學現用。 想要給一個html元素繫結DOM事件,我以前 肯定是用javascipt 的DOM 操作,但是既然專案用了vuejs ,我就想用vuejs實現一下,但是官方文件的這塊寫的非常簡
從零開始學 Web 之 DOM(六)為元素繫結與解綁事件
大家好,這裡是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... +------------------------------------------------------------ github:https://github.com/Daotin/Web 微信公眾號:Web前端之
從零開始學 Web 之 jQuery(六)為元素繫結多個相同事件,解綁事件
一、為元素繫結多個相同事件 1、方式一 $("#btn").click(function () { console.log("click1"); }).click(function () { console.log("click2"); }).cli
如何最快速的找到頁面某一元素所繫結的點選事件,並檢視js程式碼
比如我要檢視銀行賬號這個標籤所繫結的事件。 操作過程中使用的是谷歌瀏覽器 第一步:在該元素上右鍵→檢查 第二步:點選Event Listeners 這樣就能看到該元素繫結的所有事件了 第三步:展開click,我們可以看到該元素所繫結點選事件的方法就在 jquery-
query事件整理(多個事件可以同時繫結到一個元素中)
方法 描述 向匹配元素附加一個或更多事件處理器 觸發、或將函式繫結到指定元素的 blur 事件 觸發、或將函式繫結到指定元素的 change 事件 觸發、或將函式繫結到指定元素的 click 事件 觸發、或將函式繫結到指定元素的 double cli
jquery ajax添加元素事件無效,each,on函數參考
保存 lis each hide 離開 query func win 添加元素 //頁面離開時候發生$(function(){ $(window).on(‘beforeunload‘,function(){//on是打開, return ‘離開頁面後你的