如何正确处理点击事件,按钮的事件没有't显示警报
How to properly handle Onclick event, event for a button doesn't show alert.
我正在尝试按钮的Onclick事件,但它没有显示警报。有人能建议我如何正确处理点击事件吗。
function sendGetData () {
$.ajax({
type: 'GET',
url: 'Refresh',
success: function (data) {
var trHTML = '';
$.each(data, function (i, item) {
if(data[i].test_progress=="Complete")
{
var buttonVar = ('<button id="btn11">'+"Clicking"+'</button>');
$("#btn11").click(function(){
alert("The paragraph was not clicked."+i);
});
}
else
{
var buttonVar = ('<button id="btn12">'+"Stoping"+'</button>');
$("#btn12").click(function(){
alert("The paragraph was not clicked."+i);
});
}
trHTML += '<tr><td>' + data[i].test_type +
'</td><td>' + data[i].device_id +
'</td><td>' + data[i].make + ' '+data[i].model+
'</td><td>' + data[i].stack_name +
'</td><td>' + data[i].suite_name +
'</td><td>' + data[i].test_progress + '<br>    '+data[i].tests_run+'/'+data[i].total_tests+
'</td><td>' + data[i].start_time +
'</td><td>' + data[i].end_time +
'</td><td>' + buttonVar +
'</td></tr>';
});
$('#test1').append(trHTML);
$('#test').hide();
$('#show').show();
}
});
}
尝试使用此方法
$(document).on('click', '#btn12', function(event) {
alert("The paragraph was not clicked."+i);
});
在将元素添加到DOM之前,将添加click事件的侦听器。这行不通。
var trHTML = '';
trHTML += '<tr><td>' + data[i].test_type +
'</td><td>' + data[i].device_id +
'</td><td>' + data[i].make + ' '+data[i].model+
'</td><td>' + data[i].stack_name +
'</td><td>' + data[i].suite_name +
'</td><td>' + data[i].test_progress + '<br>    '+data[i].tests_run+'/'+data[i].total_tests+
'</td><td>' + data[i].start_time +
'</td><td>' + data[i].end_time +
'</td><td>' + buttonVar +
'</td></tr>';
$('#test1').append(trHTML);
$.each(data, function (i, item) {
if(data[i].test_progress=="Complete")
{
var buttonVar = ('<button id="btn11">'+"Clicking"+'</button>');
$("#btn11").click(function(){
alert("The paragraph was not clicked."+i);
});
}
else
{
var buttonVar = ('<button id="btn12">'+"Stoping"+'</button>');
$("#btn12").click(function(){
alert("The paragraph was not clicked."+i);
});
}
您只能将单击事件分配给DOM中已经存在的元素。$('#test1').append(trHTML);
之后
相关文章:
- php代码在textbox更改事件上显示null
- gmap3如何做到这一点-它显示圆圈的任何事件
- 错误事件显示图片 - JavaScript
- 通过单击事件显示部分
- 如何将 Cookie 与点击事件显示的内容一起使用?(HTML/CSS/jQuery)
- onchange事件显示目标元素的所有文本值,原因
- 点击使用WebDriver的链接上的事件显示“;javascript:void(0)"状态栏上
- 如何获得类似id的"invokedOn”;使用Bootstrap ContextMenu通过右键单击事件显示文
- jQuery点击事件显示JSON数组中工作不正常的特定数据
- 奇怪的鼠标事件显示:flex和svg
- 鼠标悬停事件显示:none(隐藏)元素(chrome&opera)
- 使用滚动事件显示基于窗口高度的元素
- 是否可以用ajax事件显示php内容?
- ReceiveMessage事件显示数据未定义
- HTML5服务器端事件-显示
- FireFox不会为window beforeunload事件显示任何警告对话框
- asp.net Ajax提交事件显示从控制器返回的json结果,而不是警报
- 如何根据事件显示此选项卡内容
- 使用单击事件显示菜单,但不使用Knockout和Jquery处理新代码
- 弹出框中的引导日期选择器在触发事件显示时清除其他输入