jquery使用on綁定a標(biāo)簽無(wú)效 只能用live解決
更新時(shí)間：2016年06月02日 09:50:22 投稿：jingxian
下面小編就為大家?guī)?lái)一篇jquery使用on綁定a標(biāo)簽無(wú)效 只能用live解決。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
如題
jQuery使用on()綁定動(dòng)態(tài)生成元素的事件無(wú)效的問題
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鍵盤事件使用介紹，需要的朋友可以參考下。2011-11-11
textarea中的手動(dòng)換行處理的jquery代碼
textarea的手動(dòng)換行會(huì)產(chǎn)生換行標(biāo)志，但這個(gè)標(biāo)志存在卻看不到，存入數(shù)據(jù)庫(kù)中后讀出來(lái)顯示在頁(yè)面上卻不會(huì)換行，如何處理呢？2011-02-02
jquery對(duì)table中各數(shù)據(jù)的增加、保存、刪除操作示例
這篇文章主要介紹了jquery對(duì)table中各種數(shù)據(jù)的增加、保存、刪除操作,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了jQuery表單域?qū)傩赃^(guò)濾器用法,實(shí)例分析了:checked、:enabled、:disabled:、selected等常用表單域?qū)傩赃^(guò)濾器使用技巧,需要的朋友可以參考下2015-02-02
jQuery中(function($){})(jQuery)詳解
本文通過(guò)具體示例向大家詳細(xì)介紹了jQuery中的(function($){})(jQuery)的用法和意義，對(duì)此有相同困惑的小伙伴可以參考下本文。2015-07-07
基于jquery的無(wú)縫循環(huán)新聞列表插件,需要的朋友可以參考下。2011-03-03
jQuery中綁定事件bind() on() live() one()的異同
本文主要介紹了jQuery中綁定事件bind() on() live() one()的異同，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
使用jquery獲取url以及jquery獲取url參數(shù)的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇使用jquery獲取url以及jquery獲取url參數(shù)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
Jquery 基礎(chǔ)學(xué)習(xí)筆記之文檔處理
本節(jié)讓我們繼續(xù)Jquery知識(shí)的了解：文檔處理。文檔處理主要是對(duì)HTML元素進(jìn)行一些增操作，刪除操作，復(fù)制操作，替換操作。2009-05-05
jquery.pager.js實(shí)現(xiàn)分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了jquery.pager.js實(shí)現(xiàn)分頁(yè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07