我正在使用append()然后生成html
我试图在点击按钮上提醒,但它失败了.
我试图在点击按钮上提醒,但它失败了.
我的JavaScript在添加之前
$(document).ready(function() {
function testFunction() {
alert("simplty alert");
}
$('#selUsersToSendMail').click(function() {
var selUsersArray = [];
$(".tableBodyConfirmUser1").html('');
$(".selUsersClass:checked").each(function() {
var ids = $(this).attr('value');
$(".tableBodyConfirmUser1").append("<tr id='subsUserId_" + ids + "' class='subsUserId_" + ids + "'>" + $("#selUserId_" + ids).html() + "</tr>");
selUsersArray.push(ids);
});
$(".tableBodyConfirmUser1").append("<tr><td valign='top' colspan='3'><input type='button' style='width:50px;' name='sendMailBtn' id='sendMailBtn' class='sendMailBtn' value='Select' onclick='testFunction();'/></td></tr>");
});
});
附加后我的HTML
<table id="table-design" border="1" cellspacing="0" cellpadding="0" align="left" width='50%'>
<thead>
<tr>
<th scope="col" id="">Select</th>
<th scope="col" id="">Name</th>
<th scope="col" id="">Email</th>
</tr>
</thead>
<tbody class='tableBodyConfirmUser'>
<tr id='selUserId_3'>
<td valign="top" width="319"><input type="checkBox" name='selUsr' value = "3" class='selUsersClass'/></td>
<td valign="top" width="319"><a href='#' id='name' class='nameClass'>saurav</a></td>
<td valign="top" width="319"><a href='#' id='email'>saurav1214@gmail.com</a></td>
</tr>
<tr id='selUserId_4'>
<td valign="top" width="319"><input type="checkBox" name='selUsr' value = "4" class='selUsersClass'/></td>
<td valign="top" width="319"><a href='#' id='name' class='nameClass'>bhupinder</a></td>
<td valign="top" width="319"><a href='#' id='email'>bhupi@gmail.com</a></td>
</tr>
<tr>
<td valign="top" colspan="3"><input type="button" style='width:50px;'name='sendMailBtn' id='sendMailBtn' value='Select' onclick='testFunction();'/>
</td>
</tr>
</tbody>
</table>
解决方法
改变线
$(".tableBodyConfirmUser1").append("<tr><td valign='top' colspan='3'><input type='button' style='width:50px;' name='sendMailBtn' id='sendMailBtn' class='sendMailBtn' value='Select' onclick='testFunction();'/></td></tr>");
至
$(".tableBodyConfirmUser1").append("<tr><td valign='top' colspan='3'><input type='button' style='width:50px;' name='sendMailBtn' id='sendMailBtn' class='sendMailBtn' value='Select'/></td></tr>");
即.删除onclick并写下：
$(document).ready(function() {
// delegate event handler for upcoming dom element
// aka live event
$('.tableBodyConfirmUser1').on('click','#sendMailBtn',function() {
alert('Button clicked');
});
// your code
});
