<button id="jmirm"><form id="jmirm"></form></button><xmp id="jmirm"><form id="jmirm"></form><ins id="jmirm"><form id="jmirm"><xmp id="jmirm"><ins id="jmirm"><form id="jmirm"></form></ins><form id="jmirm"><button id="jmirm"><button id="jmirm"></button></button></form>
<form id="jmirm"></form>
<form id="jmirm"><button id="jmirm"></button></form><form id="jmirm"><form id="jmirm"><button id="jmirm"></button></form></form><form id="jmirm"><form id="jmirm"><button id="jmirm"></button></form></form>
<xmp id="jmirm">
<xmp id="jmirm"><xmp id="jmirm">
<button id="jmirm"><form id="jmirm"><ins id="jmirm"></ins></form></button>
<xmp id="jmirm"><form id="jmirm"></form>
<xmp id="jmirm"><form id="jmirm"><form id="jmirm"><button id="jmirm"></button></form></form><form id="jmirm"></form><form id="jmirm"></form>
<form id="jmirm"><button id="jmirm"></button></form><xmp id="jmirm"><form id="jmirm"></form><xmp id="jmirm"><form id="jmirm"><button id="jmirm"></button></form><form id="jmirm"></form><form id="jmirm"><form id="jmirm"></form></form>
<ins id="jmirm"><form id="jmirm"><form id="jmirm"></form></form></ins>
<xmp id="jmirm"><form id="jmirm"></form>
<xmp id="jmirm"><form id="jmirm"></form><form id="jmirm"></form>
<xmp id="jmirm">
<button id="jmirm"></button><form id="jmirm"></form><xmp id="jmirm"><form id="jmirm"></form><form id="jmirm"><button id="jmirm"><button id="jmirm"></button></button></form>
<button id="jmirm"></button>
<xmp id="jmirm"><form id="jmirm"><form id="jmirm"></form></form><form id="jmirm"></form><xmp id="jmirm"><xmp id="jmirm"><xmp id="jmirm">
<xmp id="jmirm">
<xmp id="jmirm">
歡迎光臨
一個學習的網站

解決使用JQuery或JS動態添加的元素無法綁定事件的問題

在一個HTML中動態的添加一個元素,常用有兩種方法:一個是js方法,一個是jquery方法。
他們都有的問題是動態創建的元素無法綁定已經寫好的腳本。
也就是說,假如你為所有的按鈕都綁定一個點擊事件,當你新創建一個按鈕,這個按鈕卻沒有綁定點擊事件。
這個跟用什么寫的腳本無關,而是因為動態添加元素之前,頁面和js已經加載完畢。事件也已經綁定了,而動態添加的新元素沒有被綁定,所以也就響應不了請求。

————————————————
創建元素這里沒必要多講,主要講解決方法

JS方法
1、通過他的父元素,也就是給他的父元素綁定事件,從父元素為起始點找到他的子元素(新添加的元素),也就是“事件委托”。不過這樣要計算如何找到子元素(沒有試驗過,純理論)。
2、借助事件屬性target :target事件屬性可返回事件的目標節點(觸發該事件的節點),語法: event.target(沒有實驗,復制粘貼過來的)
3、留個空,不知道有沒有

####JQuery方法
1、使用on方法,$(“父元素”).on(“click”,”要綁定事件的元素”,function(){方法體},親測有效,這也是所謂的事件委托。
2、使用delegate方法

在w3school上的定義。
3、使用live方法,這個只是聽說,也沒有試驗過。

釜底抽薪的辦法

既然綁定不上新添加的元素,那就在添加元素的語句里加入需要綁定的事件直接進行綁定,親測有效,最直接的根據原因解決問題

以上辦法歡迎討論,但僅供參考,最好親自實驗、

贊(0) 打賞
版權聲明:本文采用知識共享 署名4.0國際許可協議 [BY-NC-SA] 進行授權
文章名稱:《解決使用JQuery或JS動態添加的元素無法綁定事件的問題》
文章鏈接:http://www.kliknaturalnusantara.com/2277.html
本站資源僅供個人學習交流,請于下載后24小時內刪除,不允許用于商業用途,否則法律問題自行承擔。

評論 搶沙發

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址

覺得文章有用就打賞一下文章作者

非常感謝你的打賞,我們將繼續給力更多優質內容,讓我們一起創建更加美好的網絡世界!

支付寶掃一掃打賞

微信掃一掃打賞

国产高清伊人一二三区
<button id="jmirm"><form id="jmirm"></form></button><xmp id="jmirm"><form id="jmirm"></form><ins id="jmirm"><form id="jmirm"><xmp id="jmirm"><ins id="jmirm"><form id="jmirm"></form></ins><form id="jmirm"><button id="jmirm"><button id="jmirm"></button></button></form>
<form id="jmirm"></form>
<form id="jmirm"><button id="jmirm"></button></form><form id="jmirm"><form id="jmirm"><button id="jmirm"></button></form></form><form id="jmirm"><form id="jmirm"><button id="jmirm"></button></form></form>
<xmp id="jmirm">
<xmp id="jmirm"><xmp id="jmirm">
<button id="jmirm"><form id="jmirm"><ins id="jmirm"></ins></form></button>
<xmp id="jmirm"><form id="jmirm"></form>
<xmp id="jmirm"><form id="jmirm"><form id="jmirm"><button id="jmirm"></button></form></form><form id="jmirm"></form><form id="jmirm"></form>
<form id="jmirm"><button id="jmirm"></button></form><xmp id="jmirm"><form id="jmirm"></form><xmp id="jmirm"><form id="jmirm"><button id="jmirm"></button></form><form id="jmirm"></form><form id="jmirm"><form id="jmirm"></form></form>
<ins id="jmirm"><form id="jmirm"><form id="jmirm"></form></form></ins>
<xmp id="jmirm"><form id="jmirm"></form>
<xmp id="jmirm"><form id="jmirm"></form><form id="jmirm"></form>
<xmp id="jmirm">
<button id="jmirm"></button><form id="jmirm"></form><xmp id="jmirm"><form id="jmirm"></form><form id="jmirm"><button id="jmirm"><button id="jmirm"></button></button></form>
<button id="jmirm"></button>
<xmp id="jmirm"><form id="jmirm"><form id="jmirm"></form></form><form id="jmirm"></form><xmp id="jmirm"><xmp id="jmirm"><xmp id="jmirm">
<xmp id="jmirm">
<xmp id="jmirm">