添加 「點擊」 事件動態的div使用jQuery

Question

我有一個動態創建的div：

<div id="submit"></div> 

，我只希望添加的sessionStorage與 「onclick」 事件，就像這樣：

<div id="submit" onClick="sessionStorage.setItem('status', '2')></div> 

我嘗試類似：

<script> 
$("#submit").click(function(){ sessionStorage.setItem('status', '2'); }); 
</script> 

...但它不起作用。也許我不在函數內正確添加sessionStorage？有誰能夠幫助我？

那是我的測試，小提琴： https://jsfiddle.net//dwcujtvk/

Answer 1

因爲元素被動態地創建，使用Event delegation

事件代表團允許我們附加一個單一的事件偵聽器，以父元素，將火對於與選擇器匹配的所有後代，無論這些後代是現在存在還是將來添加。

注：使用.on而不是click爲動態添加元素

$(document).on('click', '#submit', function(){ sessionStorage.setItem('status', '2'); });