jquery使用on綁定a標(biāo)簽無(wú)效 只能用live解決
如題
jQuery使用on()綁定動(dòng)態(tài)生成元素的事件無(wú)效的問(wèn)題
jQuery的on()方法可以綁定動(dòng)態(tài)生成元素的事件,但是在實(shí)際使用時(shí)發(fā)現(xiàn)無(wú)效。如下HTML:
<p> <a>123</a> </p>
使用如下方式,對(duì)靜態(tài)元素有效,但是綁定動(dòng)態(tài)生成的a元素的事件時(shí)無(wú)效:
$('a').on('mouseenter',
function(){
............});
需要綁定a的父級(jí)元素(此元素必須為靜態(tài)元素,不是后來(lái)動(dòng)態(tài)生成的),然后設(shè)定on()方法的selector參數(shù)才行:
$('p').on('mouseenter',
'a',
function(){
..............});
以上這篇jquery使用on綁定a標(biāo)簽無(wú)效 只能用live解決就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery Pagination Ajax分頁(yè)插件(分頁(yè)切換時(shí)無(wú)刷新與延遲)中文翻譯版
此jQuery插件為Ajax分頁(yè)插件,一次性加載,故分頁(yè)切換時(shí)無(wú)刷新與延遲,如果數(shù)據(jù)量較大不建議用此方法,因?yàn)榧虞d會(huì)比較慢,接下來(lái)詳細(xì)介紹使用方法,感興趣的朋友可以了解下2013-01-01
jQuery中on綁定事件后引發(fā)的事件冒泡問(wèn)題如何解決
這篇文章主要介紹了jQuery中on綁定事件后引發(fā)的事件冒泡問(wèn)題及解決辦法,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-05-05
基于jquery的手風(fēng)琴圖片展示效果實(shí)現(xiàn)方法
這篇文章主要介紹了基于jquery的手風(fēng)琴圖片展示效果實(shí)現(xiàn)方法,涉及jQuery基于事件實(shí)現(xiàn)改變css樣式的方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-12-12
jQuery EasyUI Accordion可伸縮面板組件使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery EasyUI Accordion可伸縮面板組件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02
為jQuery-easyui的tab組件添加右鍵菜單功能的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇為jQuery-easyui的tab組件添加右鍵菜單功能的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
jQuery插件zTree實(shí)現(xiàn)的基本樹(shù)與節(jié)點(diǎn)獲取操作示例
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)的基本樹(shù)與節(jié)點(diǎn)獲取操作,結(jié)合實(shí)例形式分析了jQuery樹(shù)形插件zTree構(gòu)造基本樹(shù)與針對(duì)節(jié)點(diǎn)的獲取操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03
jQuery實(shí)現(xiàn)固定在網(wǎng)頁(yè)頂部的菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)固定在網(wǎng)頁(yè)頂部的菜單效果,通過(guò)jquery頁(yè)面scroll事件及邊距計(jì)算實(shí)現(xiàn)網(wǎng)頁(yè)的菜單固定效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09

