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

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

---

但是，如果我将“.save comment”URL直接保留在HTML中，则该函数可以工作。我做错了什么？

像这样使用委派事件，因为加载DOM后会生成html：

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

---

为什么这被否决了？可以使用最接近的静态容器，但无论如何…Op并没有显示太多html内容，所以我使用文档

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

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