javascript - 简单的 jQuery - 附加到正文会导致以下代码不起作用

Question

我正在尝试做两件事:

1. 将 div 附加到正文
2. 对链接类 editlink 的所有点击都会弹出窗口，而不是转到其 href

只做#2就可以了:

$(document).ready(function(){
//  $(body).append("<div>Hello world</div>");
  $("a.editlink").click(function(event){
    alert("Javascript-endabled users should see this");
    event.preventDefault();
  });
});

但是如果我取消注释 #1 的代码，如下所示，

$(document).ready(function(){
  $(body).append("<div>Hello world</div>");
  $("a.editlink").click(function(event){
    alert("Javascript-endabled users should see this");
    event.preventDefault();
  });
});

div 按预期显示，但单击 editlink 链接不再显示弹出窗口并导航到链接的 href。

发生什么事了？

Answer 1

您的意思是:

$("body")

而不是:

$(body)

？

我可以建议您使用 Firebug获得体面的错误报告？使用 Firebug 您会很快发现这一点。