javascript - 如何为动态生成的 div 创建 onClick 函数

Question

我正在尝试为一个 div 实现 onClick 函数，它是在提交页面时根据一些验证生成的。我正在尝试从外部 js 文件实现相同的功能。

HTML 设计类似于:

<div id="QViewInfo" style="top: 207px; left: 531.5px;">
    //dynamically generated
    <div>
    ---
    ----
    </div>
</div>

现在，我正在尝试实现如下所示的 onClick 函数:

$('img.popUpClose.popUpCloseQview').each(function (index) {
    $(this).on("click", function (e) {
        //DO something
    });
});

但问题是，这个 $('img.popUpClose.popUpCloseQview') 元素第一次不在代码中。在提交按钮点击后发生了变化，并且根据情况出现了这个弹出消息，并且这个功能在任何时候都不起作用。

也尝试了一些其他选项。但这些都不起作用。

请指教。

谢谢，安尼克特

Answer 1

如果你在jquery中动态生成div，你可以添加点击事件。例如:

var div = $("<div>");
div.click(function(){//dostuff});

$("#QViewInfo").append(div);