Javascript 动态按钮脚本不工作
我使用java脚本在html表中创建了一个动态按钮。代码是这样的Javascript 动态按钮脚本不工作,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,我使用java脚本在html表中创建了一个动态按钮。代码是这样的 $('#dataTables-data').empty(); jQuery.each(searchTO, function(i, item) { historyrowid += '&
$('#dataTables-data').empty();
jQuery.each(searchTO, function(i, item) {
historyrowid += '<tr><td style=" border: 1px solid black;">' + Math.round(item.SNo * 100) / 100+
'</td><td style=" border: 1px solid black;">' +Math.round( item.DistributorId* 100) / 100 +
'</td><td style=" border: 1px solid black;">' +item.DistributorName+
'</td><td style=" border: 1px solid black;">' +item.Bonuspercent +
'</td><td style=" border: 1px solid black;">' +Math.round( item.PrevCumPV * 100) / 100+
'</td><td style=" border: 1px solid black;">' + Math.round(item.exclpv* 100) / 100 +
'</td><td style=" border: 1px solid black;">' + Math.round(item.SelfBV * 100) / 100+
'</td><td style=" border: 1px solid black;">' + Math.round(item.grouppv * 100) / 100+
'</td><td style=" border: 1px solid black;">' + Math.round(item.Totalpv * 100) / 100+
'</td><td style=" border: 1px solid black;">' + Math.round(item.totalBv * 100) / 100+
'</td><td style=" border: 1px solid black;"><button type="button" class="Downline_button" id="'+item.DistributorId+'" >Downline</button></td></tr>';
});
$('#dataTables-example').append(historyrowid);
因此,请告诉我如何在动态按钮上创建事件以及如何读取按钮ID???您需要将事件处理程序附加到文档并将事件委托给元素 您可以这样做:
$(document).on('click', '.Downline_button', function(){
debugger;
var id = this.id;
});
这将应用于具有此id的所有元素,无论它们是否在document.ready()之前创建。在添加元素之前是否绑定事件<代码>控制台.log($(“.Downline_按钮”).length)请解释“未捕获类型错误:$(…)。on不是函数
$(document).on('click', '.Downline_button', function(){
debugger;
var id = this.id;
});