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();
});