我已经使用 append 将 tr 和 td 标签添加到表中,但我的 jQuery 似乎不知道 dom 对象在那里(我认为这就是 append/prepend 所做的?)。当我运行脚本时,表格行被添加并且用户可以看到它,但是 jQuery 没有捕获超链接或其他任何内容上的点击处理程序。我在不同的页面上做了同样的事情,效果很好。我也包括在内。如果有人能告诉我我的思路在哪里出轨,我将非常感激。另外,如果我以错误的方式解决此问题,请告诉我,以便我改进。
损坏的代码:
$("#addAdmin").click(function(){
$("#chosenAdmins").append('<tr id = "admin' + $("#admins").val() + '"><td align="left">' + $("#admins option:selected").text() + ' </td><td align="right"><a href="#" class = "removeAdmin" id = "ra" style = "font-size: 10px;">Remove</a></td><tr>');
});
$(".removeAdmin").click(function(e){
e.preventDefault();
alert('clicked');
alert(this.attr(id));
});
<select id = "admins">
<option value = "1">bob smith</option>
</select>
<input type = "button" id = "addAdmin"/>
<table id = "chosenAdmins" align="center" width="0%"> </table>
在不同页面上工作的类似代码是:
$(document).ready(function() {
var leftData = '<div id = "l1">left Stuff</div>';
var leftData = leftData + '<div id = "l2">left Stuff</div>';
var rightData = '<div id = "r1">right Stuff</div>';
var rightData = rightData + '<div id = "r2">right Stuff</div>';
$("#selector").prepend("<div id = 'leftSelect' style = 'float:left'>"+leftData+"</div><div id = 'rightSelect' style = 'float:left'>"+rightData+"</div>");
$("#l1").click(function(){
$(this).hide("fast", function(){
$(this).prependTo('#rightSelect');
$(this).show("fast");
});
});
});
<div id = "selector"> </div>