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

Question

我正在开发一个应用程序，需要打开一个modal ，让用户填写一些详细信息，并在单击我指定的模态按钮后将其保存。 我已经使用jQuery on绑定一个click按钮事件的。 问题是模式打开时会触发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>

我在哪里绑定事件：

$('#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的元素，并且在单击另一个元素时触发了事件。

Answer 2

尝试将以下内容添加到您的jQuery代码中：

evt.stopPropagation();

抱歉，应该澄清一下，将其添加到触发模式打开的代码中。

编辑：由于您无法直接访问模式代码，因此请在jQuery中尝试以下操作：

$('#add-event-modal').on('click', function(evt) {
    evt.stopPropagation();
});