javascript - jQuery 的 .on ('click' ) 不工作

Question

模板是在 Jade 中完成的，#name 是在标签上放置一个 ID 而 .name 是一个类

      div#chatroom
        div.row#chatcontainer.chatbg
          div.large-12.columns
            div.row
              div.large-10.columns
                h2#chatanchor.thin Party
                  i.fa.fa-minus-square-o
              div.large-2.columns
                i.fa.fa-users

            div.row.chatbox
              div.large-12.columns.chatwindow
                div.mymessage 
                    p Bill: Templating!
                div.theirmessage
                    p.theirmessage Fredrickson: Templating!


              div.row
                div.large-12.columns.sitbottom
                  div.row.collapse
                    div.small-10.columns.large-10.sitbottom
                      input(type="text").sitbottom
                    div.small-2.columns.large-2.sitbottom
                      button(type="submit", class="button postfix sitbottom") Send

我有一个简单的聊天窗口，当我点击顶部的 h2 时，它应该最小化使用这个:

 $('#chatanchor').on('click', function(e) {
    console.log("Here");
  });

绑定(bind)在 jQuery 的 document.ready 中调用，但当我单击它时不起作用，但如果我复制代码并将其粘贴到开发控制台然后单击它，它起作用了，所以我不确定为什么它在页面加载时没有绑定(bind)。

Answer 1

元素似乎是在 DOM 准备就绪后添加的，因此您的事件没有被附加。将其附加到与您的选择器匹配的任何新元素，并提供以下内容:

$(document).on('click', '#chatanchor', function(e) {
     console.log("Here");
});