Javascript 来自动态div的jquery调用函数

我正在使用jquery。我有一个由jquery填充的div。在div中，

行

标记下有一个项目列表。在动态div部分，我还有一个锚定标签。单击锚定标记后，我想调用ajax函数。有可能吗

var content='';

$.each(products, function(key, value) {
    content += '<div class="row">' +
                    '<img src="' + value.image + '" class="img img-responsive" style="height: 65px;"/>' +
                    '<h3>' + value.name + '</h3>' +
                    '<p>' + value.category + '</p>' +
                '</div>' +
                '<a href="#" data-id="' + value.product_id +'"  class="delete_product_from_space">Delete</a>' +
                '<hr>';
    });
modal.find('.modal_product_list').html(content);

---

单击时的

事件不会触发。可以这样打电话吗？或者我的方法不对？
您可以尝试在modal上添加事件，因为动态生成的元素在代码执行时不可用。试试下面的代码

$（'.modal_product_list'）。在（'click'，'上。从空间中删除_product'，函数（e）{
e、 预防默认值（）；
警惕（“你好”）；
var product_id=$（this.attr（'data-id'）；
});
您的$。每个。。。加载$（'.delete_u…）后运行函数？必须将事件单独绑定到动态添加的元素。否，首先
$。每个（产品、函数（键、值）{}
函数加载，它加载div上的内容。我想从该内容调用ajax。您可能会遇到类似的问题。我知道我的代码中缺少一些内容。谢谢。它现在可以工作了。
$('.delete_product_from_space').on('click', function(e) {
    e.preventDefault();

    alert('hello');

    var product_id   = $(this).attr('data-id');
});