jquery - jquery は $(document).on で同じ回数を複数回起動します。

Question

Jquery - このイベント:

    $(document).on("click", ".removeLink", function () {
        var id = $(this).attr("data-link-id");
        $.post(
            "/Customization/DeleteCustomLink/" + id,
            function (resultData) {
                $("#frontEndPortalContainer").html(resultData);
            });
        return false;
    });

このhtml（簡略化-実際には、この削除リンクを含むテーブル入力フィールドのリスト）

<table>
<tr>
  ... <a href="javascript:;" class="removeLink" data-link-id="0">Remove</a>
</tr>
<tr>
  ... <a href="javascript:;" class="removeLink" data-link-id="1">Remove</a>
</tr>

1 つのリンクがクリックされると、2 つのイベントが発生します。同じリンク上の2つのイベントです。1つのイベントだけが必要です。4つのリンクで、イベントなどへの4つの呼び出しを受け取ります

$(document).on() などが必要です。これは、この削除 (またはテーブル行の追加ボタン) の結果として、新しく ajax で取得したテーブル全体の html に「再バインド」する必要があるためです。

イベントを 1 つだけに制限するにはどうすればよいですか?

答えは以下のコメントを参照してください-実際にはJavaScript全体がMVCビューで繰り返されていました