如何捕获动态数据表中元素的事件?

伊丽莎

我有一个动态数据表,其中数据由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")
});

好吧,“身体”被抓住了,而“ td”却没有。当然,浏览器会显示带有tr / td标签的行,但是JS仍然看不到(动态)加载的数据。

如何捕捉到动​​态广告的点击次数?我如何绑定它们?

您遇到的问题是绑定这些单击事件后,您的DataTable create td元素。有2种选择,在表渲染后将所有事件侦听重新绑定到TD,或使用事件冒泡将click事件捕获到父组件。您可以传递一个jQuery on()参数来告诉表侦听单击事件。

$('table').on('click', 'td', function(e){
    alert("I'm td")
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从数据表中删除元素

来自分类Dev

如何从数据表中删除元素

来自分类Dev

数据表-动态列

来自分类Dev

数据表-动态列

来自分类Dev

如何在点击事件上水平滚动数据表?

来自分类Dev

如何避免数据表 rowCallback 上的多事件绑定

来自分类Dev

如何使用jQuery动态更改数据表?

来自分类Dev

如何通过python在Spotfire中动态创建数据表

来自分类Dev

如何获取动态数据表抖动的选定行索引

来自分类Dev

如何在单击按钮时动态创建数据表

来自分类Dev

如何为动态数据表创建xpath?

来自分类Dev

如何从vutify数据表页脚中编辑元素?

来自分类Dev

我如何在vuetify数据表的行内将按钮单击事件与行单击事件分开

来自分类Dev

如何找出数据集中元素的频率?

来自分类Dev

如何从“更改事件”元素中捕获事件?

来自分类Dev

通过单击动态创建的元素进行数据表搜索

来自分类Dev

数据表动态显示开始

来自分类Dev

按动态列名过滤数据表

来自分类Dev

数据表动态AJAX POST

来自分类Dev

动态子集数据表

来自分类Dev

通过动态列名设置数据表

来自分类Dev

单击按钮的数据表动态URL

来自分类Dev

具有动态列的数据表

来自分类Dev

动态获取数据表的ID

来自分类Dev

从数据表动态更新LiveCharts

来自分类Dev

数据表动态更新总计

来自分类Dev

数据表-动态发送参数

来自分类Dev

单击按钮的数据表动态URL

来自分类Dev

动态子集数据表