从Javascript / Jquery插入的元素调用函数

Question

我试图从一些其他javascript代码插入的HTML代码中调用javascript函数（见下文）。

$(".leave-a-note").click(function() {
            var id = $(this).closest('li').attr('id');
            $('#' + id).children('.write-comment-space').html("<a class='save-comment' href='#' onClick='insertComment();'>Save</a> <a href='#'>Cancel</a>");});

当我尝试从“.save-comment”url调用函数时，没有任何反应。

$(".save-comment").click(function() {
            console.log("test");
        });

但是，如果我直接在我的HTML中保留“.save-comment”网址，则该功能可以正常工作。我做错了什么？

Answer 1

使用这样的委托事件，因为在加载DOM之后会生成html：

$(document).on("click",".save-comment",function() {
            console.log("test");
        });