Bootstrap模式从单个模态触发多个事件

Question

我有一个模式，由我页面上的许多按钮激活。模态内的提交按钮上有一个事件监听器。如果我打开模态一次，事件监听器会在＆＃34;提交＆＃34;单击按钮。如果我打开模态3次，当＆＃34;提交＆＃34;时，事件监听器将触发3次。终于点击了按钮。

我认为我可以通过在实际显示模态时仅在提交按钮上设置事件监听器来解决这个问题，但这并没有帮助。我想我可以在隐藏模态后立即删除事件监听器，但我认为这里存在更大的内存问题，我想了解。对于出了什么问题的任何想法？

一旦加载了DOM内容，就会执行此操作。

$('#edit-modal').on('show.bs.modal', function(event){
    var modal = $(this);
    console.log('Modal is shown');
    modal.find("#submit-modal").on('click', function(event){
        //do something with form data inside modal
        console.log("Submit Clicked");
    });
});