取消绑定动态创建的编辑按钮

Question

我有一个动态按钮来编辑对象的一些数据。 现在，一旦数据成功更新，我就会向用户发出警告，说明它已成功完成。

但是，当用户第二次编辑同一个对象时，它会两次抛出相同的警报。同样，第三次更新同一个对象时需要三次，等等。

我相信，我需要取消绑定动态按钮上的click事件来修复此问题，并确保每次编辑对象时只会弹出一次警报。 如何解除下面代码中“.edit-btn”按钮上的点击事件？ 这是代码：

$(document).on('click', '.edit-btn', function(){
    var objIndex = $(this).parents('.parent').index();
    $('#updateForm').submit(function(e){
        updataData(objIndex);
        return false;
    })
});

function updateData(oldObjIndex){
    // I've the code here to grab the new values from the form

    /* Assign the new values to the new object */
    var newObj = {

        "key1" : value1,
        "key2" : value1,
        "key3" : value1,
        "key4" : value1,

    }
    savedData.splice(oldObjIndex, 1, newObj);
    alert('Updated successfully!');
}