Jquery 在AJAX调用后将脚本附加到元素

我正在构建一个ASP.NETWebAPI应用程序，供用户创建待办事项。在对用户项目列表发出GET请求后，我试图在单击某个元素时附加一个特定的函数

在GET请求（在单独的文件中完成）中，以下内容被附加到主页中的

todo列表

div中：

$('<div class="single-todo"> +
  '<div class="td-delete"><div class="delete-todo" title="Delete" data-id="' + id + '" data-username="' + username + '"></div></div>' +
  '<div class="td-title">' + title + '</div>' + 
  '</div>').appendTo('#todo-list');

（这里，

DeleteTodo（）

是js文件中的一个函数）。单击

delete todo

div时，不会调用它，唯一的可能是

delete todo

div一开始不存在（它只在AJAX调用完成后存在）

---

我如何在AJAX调用之后附加要执行的函数调用，而不需要通过内联代码生成相同的函数？

在AJAX调用的成功回调中添加函数调用，因此每当AJAX调用返回200状态时，函数将被执行

，用于这样的动态元素，我建议代表团：

$(document).on('click', ".delete-todo", function () {
    //...
});

这将把处理程序附加到

文档

，您不必担心绑定到新元素

$(document).on('click', ".delete-todo", function () {
    //...
});