添加 “点击” 事件动态的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'); });