jQuery的。對（「點擊」）不工作

模板是玉做，#name是把標籤上的ID和.name把一個類jQuery的。對（「點擊」）不工作

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

綁定在jQuery內document.ready調用，但是當我點擊它不工作，但如果我的代碼複製並粘貼到該開發者控制檯然後點擊它，它可以工作，所以我不知道它爲什麼不是t頁面加載綁定。

來源

2015-11-01 Datsik

很快做出了筆一切正常，因爲它應該，你確定你的JavaScript代碼是沒有錯誤運行，並與'的document.ready運行'還是包含在結束標籤之前？ [例子]（http://codepen.io/Ayeetu/pen/meKNzp?editors=101） –

在DOM準備就緒後，看起來元素正在被添加，所以你的事件沒有被附加。有它重視與以下的選擇相匹配的任何新的元素：

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

來源

2015-11-01 23:41:01 doublesharp

不幸的是沒有這樣的運氣。 – Datsik

這正是你需要的。 – Darren

控制檯中是否存在JavaScript錯誤？如果這不起作用，則需要提供更多信息。 – doublesharp

jQuery的。對（「點擊」）不工作

回答

相關問題