首頁(yè) 猿問(wèn) jquery.click添加新元素...

jquery.click添加新元素沒(méi)有綁定怎么解決

JavaScript

翻閱古今 2019-04-07 09:37:44

$(document).ready(function(){$('#graphdiv>table').click( function(){ console.log('hi'); } );})如上在頁(yè)面載入時(shí)綁定，然后我再用ajax添加了table，但是新添加的table無(wú)法響應(yīng)click除了jsonclick事件還有什么方法可以解決嗎?謝謝

查看完整描述

2 回答

阿波羅的戰(zhàn)車

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊

table元素是新添加的，在首次加載時(shí)，并沒(méi)有$('#graphdiv>table')。怎么綁定函數(shù)？可以使用事件委托，將子元素的事件委托給父元素監(jiān)聽(tīng)。直接給父元素綁定事件監(jiān)聽(tīng)，事件發(fā)生時(shí)，檢測(cè)其子元素是否符合條件。符合則觸發(fā)子元素的事件。這樣動(dòng)態(tài)添加的子元素也有效。類似:ul.addEventListener("click",function(e){if(e.currentTarget.tagName=="li"){//做些什么}},false);jquery用delegate()實(shí)現(xiàn)了事件委托。這樣，既減少了時(shí)間監(jiān)聽(tīng)的數(shù)量，也能為動(dòng)態(tài)添加的元素綁定事件。具體實(shí)現(xiàn)，樓上幾位已經(jīng)給了解答