jQuery没有响应简单的.click()命令 - 出了什么问题？

Question

我正在使用jQuery动态地将表单元素添加到Web表单中.用户可以通过单击按钮/链接在其请求表单中"添加时间段".单击时,我使用.after()将另外两行添加到表单表格,以及标签和字段.

附加代码中的最后一列是一个显示"删除"的链接.

$(document).ready(function() {
    var i=2;
    $("#add_time_slot").click(function() {
        $("#time_slot_table tr:last").after('<tr"><td ... etc ... </tr><tr> ... etc ...<td><a class="removeslot" href="#">Remove</a></td></tr>');
        i++;

        return false;
    });
}); 

那里有很多HTML代码,所以我把常规的东西拉出去以保持干净.什么......等等......没什么太奇怪的.

到现在为止还挺好.它很棒.但后来我写这段代码作为点击"删除"链接时我将使用的开头:

$("a.removeslot").click(function() {
    alert("It worked!");
    return false;
});

它不会起作用.如果相反,我把$("#header a")相同的代码放在相同的代码中,代替$("a.removeslot")它,它工作正常,当我点击标题中的任何链接时,它返回false并运行警报.但是当它是a.removeslot时,它总是转到"#"URL(不返回false)并且它永远不会运行警报.

这看起来很基本,它让我肚子痛.代码有什么问题？

谢谢.

Answer 1

live()如果在页面加载后动态添加了removelot链接,则需要使用.所以,写它是这样的:

$("a.removeslost").live("click", function() {
  ...
}):

更多信息:http://docs.jquery.com/Events/live