我有一個表，里面有一些記錄，每條記錄都可以編輯。我有一個帶有編輯表單的側邊欄，具有相同的輸入和相同的提交按鈕。當我嘗試在發送 AJAX 請求的按鈕上執行該功能時，它執行的次數與我之前打開的側邊欄的次數一樣多，而我只需要更新實際編輯的那條記錄。那是代碼：    // On Edit    $('.action-edit').on("click",function(e){        e.stopPropagation();        $(".add-new-data").addClass("show");        $(".overlay-bg").addClass("show");        const row = $(this).closest('td').parent('tr').first();        const agendaID = row.data('agenda_id');        const form = document.querySelector('#update_form');        const url = $(form).data('action_url').replace('.ID.', agendaID);        getAgendaInfo(agendaID);        $('.add-data-btn').on('click', function (e){            e.preventDefault();                       console.log(agendaID); // displays IDs of all records where sidebar was opened.             const ajaxData = grabFormData();            editAgenda(url, row, ajaxData);        })    });