javascript - Bootstrap 模态对话框按钮单击模态打开时触发的事件

Question

我正在开发一个应用程序，需要打开一个模态，让用户填写一些详细信息，并在他们单击我指定的模态按钮后保存它们。我使用 jQuery on 为按钮绑定(bind)了一个 click 事件。问题是模式打开时会触发点击事件。

模态的相关部分:

<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a>
<a href="#" class="btn btn-primary" id="save-event">Save Event</a>

我在哪里绑定(bind)事件:

$('#save-event').on(
'click',
function(evt)
{
    console.log('triggered');
}
);

当我打开对话框时，控制台显示“已触发”。我通过以下方式打开对话框:

<a href="#add-event-modal" role="button" class="btn" data-toggle="modal">{% trans "Event also occurs on" %}</a>

它是一个 Django 应用程序，所以大括号。有什么想法我可能做错了什么，或者是否有其他方法可以在用户单击相关按钮后执行某些逻辑？

Answer 1

您可能在 html 中有 2 个具有相同 id 的元素，并且当您单击另一个元素时会触发事件。