首頁(yè) 猿問(wèn) 如何捕獲動(dòng)態(tài)數(shù)據(jù)表內(nèi)元素的事件？

如何捕獲動(dòng)態(tài)數(shù)據(jù)表內(nèi)元素的事件？

JavaScript

慕勒3428872 2023-10-20 10:27:06

我有一個(gè)動(dòng)態(tài)數(shù)據(jù)表，其中數(shù)據(jù)由 Ajax 加載。我的 HTML 是：<table id="dynamic_table"></table>JS 是：$(document).ready(function() { $('#dynamic_table').DataTable( { "ajax": '/ajax_handler', ...$('td').on('click', function(e){ alert("I'm td")});$('body').on('click', function(e){ alert("I'm body")});好吧，“body”被捕獲，但“td”沒(méi)有被捕獲。當(dāng)然，瀏覽器會(huì)顯示帶有 tr/td 標(biāo)簽的行，但 JS 似乎還看不到（動(dòng)態(tài)）加載的數(shù)據(jù)。如何捕獲動(dòng)態(tài) td 的點(diǎn)擊次數(shù)？我怎樣才能綁定它們？

查看完整描述

2 回答

白豬掌柜的

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

您遇到的問(wèn)題是您的 DataTable 在綁定這些單擊事件后創(chuàng)建 td 元素。有兩種選擇，在表格渲染后將所有事件監(jiān)聽(tīng)重新綁定到 TD，或者使用事件冒泡將點(diǎn)擊事件捕獲到父組件。您可以傳遞一個(gè) jQuery on()參數(shù)來(lái)告訴表偵聽(tīng)單擊事件。

$('table').on('click', 'td', function(e){

alert("I'm td")

});

反對(duì) 回復(fù) 2023-10-20