jQuery中對未來的元素繫結事件用 on

2022-09-15 15:33:19 字數 2450 閱讀 1623

最近專案需要點選彈窗裡面的a標籤出現外連線跳轉提示

彈窗提示

開始**：

doctype html


>


<


html


>


<


head


>


<


meta 


charset


="utf-8"


>


<


meta 


name


="viewport"


content


="width=device-width, initial-scale=1.0,user-scalable=no"


/>


<


title


>


title


>


<


script 


src="images/jquery-1.11.1.min.js"


type


="text/j**ascript"


>


script


>


<


script 


type


="text/j**ascript"


src="images/layer.min.js"


>


script


>


head


>


<


body


>


<


a href


="j**ascript:void(0);"


target


="_blank"


id="swba"


><


em class


="one-line special-t special-te"


>彈窗按鈕


em>


a>


<


script


>


$(function


());


})});


script


>


body


>


html


>
發現點選a標籤後無提示窗選擇直接跳轉走了，打log事件也沒有觸發，檢查**也無問題，思來想去發現竟然是未來元素在作怪。

改後**：

doctype html


>


<


html


>


<


head


>


<


meta 


charset


="utf-8"


>


<


meta 


name


="viewport"


content


="width=device-width, initial-scale=1.0,user-scalable=no"


/>


<


title


>


title


>


<


script 


src="images/jquery-1.11.1.min.js"


type


="text/j**ascript"


>


script


>


<


script 


type


="text/j**ascript"


src="images/layer.min.js"


>


script


>


head


>


<


body


>


<


a href


="j**ascript:void(0);"


target


="_blank"


id="swba"


><


em class


="one-line special-t special-te"


>彈窗按鈕


完美解決這個問題！
				
jQuery中對未來的元素繫結事件
對未來的元素繫結事件不能用bind，1 可以用live代替，但是要注意jquery的版本,根據官方文件，從1.7開始就不推薦live和delegate了，1.9裡就去掉live了。放在 function 裡才有效 document on click testdiv function 3 當只想為每乙...

				
jq中如何對未來元素繫結事件
對未來元素繫結，不可以用bink，雖然可以用live代替但是jquery的版本,根據官方文件，從1.7開始就不推薦live和delegate了，1.9裡就去掉live了。下面就是簡單的一串 用on 來對未來元素進行繫結 lang en charset utf 8 name viewport cont...

				
Jquery為動態新增的未來元素繫結事件
語法 selector on event,childselector,data,function event 必需。規定要從被選元素移除的乙個或多個事件或命名空間。由空格分隔多個事件值，也可以是陣列。必須是有效的事件。childselector 可選。規定只能新增到指定的子元素上的事件處理程式 且不...