Javascript 如何捕获动态数据表中元素的事件?
我有一个动态数据表,其中数据由Ajax加载。 我的HTML是:Javascript 如何捕获动态数据表中元素的事件?,javascript,jquery,ajax,datatables,Javascript,Jquery,Ajax,Datatables,我有一个动态数据表,其中数据由Ajax加载。 我的HTML是: <table id="dynamic_table"></table> “身体”被抓住了,但“td”没有。当然,浏览器会显示带有tr/td标记的行,但JS似乎仍然看不到(动态)加载的数据 如何捕捉动态td的点击?如何绑定它们?您遇到的问题是,在绑定这些单击事件后,DataTable将创建td元素。有两种选择,在表呈现后将所有事件列表重新绑定到TD,或者使用事件冒泡将click事件捕获到父组
<table id="dynamic_table"></table>
“身体”被抓住了,但“td”没有。当然,浏览器会显示带有tr/td标记的行,但JS似乎仍然看不到(动态)加载的数据
如何捕捉动态td的点击?如何绑定它们?您遇到的问题是,在绑定这些单击事件后,DataTable将创建td元素。有两种选择,在表呈现后将所有事件列表重新绑定到TD,或者使用事件冒泡将click事件捕获到父组件。 您可以传递一个jQuery参数来告诉表侦听单击事件
$('table')。在('click','td',函数(e)上{
警惕(“我是td”)
});
您遇到的问题是DataTable在绑定这些单击事件后创建td元素。有两种选择,在表呈现后将所有事件列表重新绑定到TD,或者使用事件冒泡将click事件捕获到父组件。
您可以传递一个jQuery参数来告诉表侦听单击事件
$('table')。在('click','td',函数(e)上{
警惕(“我是td”)
});
将类分配给td并将事件处理程序绑定到此类
$.on('event.js name',function(){}) 将类分配给td并将事件处理程序绑定到此类
$.on('event.js name',function(){}) 是的,这很有效!:-)是的,这很有效!:-)
$(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")
});