javascript中按类链接单击事件不起作用

我有一个带有一些s的表，我有一个链接，可以用'.DeleteMe'类删除每一行。 我在jQuery中有一个AJAX post调用，但当我单击一个链接时，它什么也不做，单击事件不起作用

$(document).ready(function() {
  $(".DeleteMe").click(function() {
    var button = $(this);
    var DeleteId = $(this).data("deleteid");
    debugger;
    $.ajax({
      url: "/Merchant/DeleteProduct/" + DeleteId,
      type: "Post"
    }).done(function() {
      $(button).parents("tr").remove();
    }).error(function() {
      alert("Something Went Wrong.");
    })
  })
});

这是每行上的链接：

<a class="btns delete-icon DeleteMe" data-deleteid="@item.id">Delete</a>

---

如何使这些链接正常工作？

我想，您的行是在附加事件后动态创建的。在这种情况下，我建议改为使用：

---

什么不起作用？调试器没有命中？有控制台错误吗？你确定你在单击链接锚元素而不是它前面的某个元素吗？我看你的代码段中没有错误，这将很好地工作。这些行是动态创建的，还是在你将事件侦听器连接到链接时链接已经存在？尝试放置日志并验证，如果代码中没有任何错误，它应该可以工作。同时检查控制台错误不客气，请尝试了解整个事件委派过程。这是一个非常强大的JS机制。

$(document).ready(function() {
  $(document).on('click', '.DeleteMe', function() {
    var button = $(this);
    var DeleteId = $(this).data("deleteid");
    debugger;
    $.ajax({
      url: "/Merchant/DeleteProduct/" + DeleteId,
      type: "Post"
    }).done(function() {
      $(button).parents("tr").remove();
    }).error(function() {
      alert("Something Went Wrong.");
    })
  })
});