使用jquery将“onClick”事件添加到动态div

Question

我有一个动态创建的div：

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

我只想添加一个带有“onclick”的sessionStorage，如下所示：

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