2017-06-09 118 views
0

我有一些代碼允許用戶在頁面上創建包含其中某些內容的div。這些div是動態生成的,我需要一個點擊事件,當用戶點擊任何一個動態生成的div時觸發。動態創建的div沒有觸發的jQuery事件

所有動態創建的div都有class="entry"

<div class="entry"> 
//some content 
</div> 
<div class="entry"> 
//some other content 
</div> 
//... 

下面給出here我的代碼的答案是這樣的:

$('body').on('click','div.event',function(){ 
    console.log("clicked"); 
    //do stuff 
}); 

此事件似乎但是不火的的console.log(「點擊」)永遠不會執行。我做錯了什麼,我該如何解決這個問題?

編輯:對不起,這只是錯字。我不能相信我以前沒有發現過。所以很抱歉浪費你的時間,不幸的是我現在不能刪除人們已經回答的問題。

+12

錯字:將'div.event'改爲'div.entry' –

+0

哦,哇,我不敢相信我沒有發現,近一個小時。所以對於那些愚蠢的問題傢伙感到抱歉。 – AZG

+0

@AZG,它工作嗎? – doutriforce

回答

5

你寫了event而不是entry

$('body').on('click','div.entry',function(){ console.log("clicked"); //do stuff });

+0

@ jbman223他沒有得到低估,這是另一個被低估的人,但他刪除了他的答案。答案與Damien的答案完全相同,也與問題中的評論完全相同。我猜這是因爲有人認爲是「低估了」,嘿,他只是從評論中複製了這些內容「,但情況並非如此。是啊。 –

+2

哦對了,這是你@prasad :)。太糟糕了,你得到了低估,正確的答案是正確的答案,無論多麼微不足道。 –

2

更改您的代碼如下。它應該工作。

$('document').on('click','.entry',function(){ 
    console.log("clicked"); 
    //do stuff 
}); 

文件將整個文檔中搜索你的類名,一旦它找到的類名,然後事件得到火。

相關問題