建站
咨詢
售后
建站咨詢
新聞中心
今天小編給大家分享一下jquery動態(tài)生成元素怎么綁定事件的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
公司主營業(yè)務(wù)：成都網(wǎng)站建設(shè)、網(wǎng)站制作、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出新北免費做網(wǎng)站回饋大家。
項目里有個需求，需要動態(tài)添加dom元素（button），并可以實現(xiàn)點擊事件。這個事件可以用onclick屬性添加在元素里，也可以通過js查找dom元素注冊點擊事件，本著表現(xiàn)與業(yè)務(wù)分離的原則，我用js注冊元素的點擊事件。
$(row).find("td:last-child").append(`
`);
$(index + "sbutton").click(function(){
sendEvent(data);
});
但是跑起來后，這個事件是沒有用的，原因是什么呢？
因為這是動態(tài)添加的元素，在代碼執(zhí)行到注冊事件這一步時，添加的dom元素還沒有在界面渲染完成，這時，注冊事件是無效的。
如何平衡這個矛盾，即要用js注冊實現(xiàn)表現(xiàn)與業(yè)務(wù)分離，又要實現(xiàn)元素的事件注冊？
下面就是解決方案：
$(document).on('click', "#" + index + "sbutton", function () {
sendEvent(data);
});
on() 和 click() 二者在綁定靜態(tài)控件時沒有區(qū)別，但是如果面對動態(tài)產(chǎn)生的控件，只有 on() 能成功的綁定到動態(tài)控件中，on其實整合了delegate的委托功能，可以實現(xiàn)這種委托綁定事件。
以上就是“jquery動態(tài)生成元素怎么綁定事件”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)站標(biāo)題：jquery動態(tài)生成元素怎么綁定事件
鏈接地址：http://fisionsoft.com.cn/article/jshcid.html
