简单的jQuery - 附加到body会导致以下代码无效

时间:2009-08-02 20:43:36

标签: javascript jquery

我正在尝试做两件事:

  1. 在身体上添加div
  2. 点击链接类editlink的所有点击进行弹出,而不是转到他们的href
  3. 只做#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。

    发生了什么事?

2 个答案:

答案 0 :(得分:1)

你的意思是:

$("body")

而不是:

$(body)

我可以建议您使用Firebug来获得不错的错误报告吗?你可以用Firebug很快找到它。

答案 1 :(得分:1)

您缺少正文标记选择器的引号:

$('body').append("<div>Hello world</div>");