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");
  });

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

Answer 1

似乎在DOM准备好之后添加了元素，因此您的事件无法附加。让它附加到与您的选择器匹配的任何新元素与以下内容：

    df = pd.DataFrame({"cats":["a","b"], "vals":[1,2]})
    df.cats = df.cats.astype("category")
    df

jQuery的.on（'click'）不起作用

1 个答案: