Question

我有一个包含一些<td>的表，并且我有一个链接来删除类别为'.DeleteMe'的每一行。我在jQuery中有一个AJAX帖子调用，但是当我单击链接时，它什么都没有做（click事件不起作用）。

 $(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>

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

Answer 1

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

$(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.");
            })
        })
    });

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

1 个答案: