Javascript 引导模式从单个模式触发多个事件

Javascript 引导模式从单个模式触发多个事件,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我有一个单一的模式,是由我的页面上的许多按钮激活。模式中的submit按钮上有一个事件侦听器。如果我打开一次模式,那么当单击“提交”按钮时,事件侦听器将触发一次。如果我打开模式3次,那么当最后单击“提交”按钮时,事件侦听器将触发3次 我想我可以通过在实际显示模式时只在submit按钮上设置事件侦听器来解决这个问题,但这没有帮助。我想我可以在模态被隐藏后立即删除事件侦听器,但我想这里有一个更大的内存问题,我想了解一下。你有什么想法吗 这将在加载DOM内容后执行 $('#edit-modal').o

我有一个单一的模式,是由我的页面上的许多按钮激活。模式中的submit按钮上有一个事件侦听器。如果我打开一次模式,那么当单击“提交”按钮时,事件侦听器将触发一次。如果我打开模式3次,那么当最后单击“提交”按钮时,事件侦听器将触发3次

我想我可以通过在实际显示模式时只在submit按钮上设置事件侦听器来解决这个问题,但这没有帮助。我想我可以在模态被隐藏后立即删除事件侦听器,但我想这里有一个更大的内存问题,我想了解一下。你有什么想法吗

这将在加载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");
    });
});
可能重复-