Запуск запуска модального диалогового окна при запуске модального открытия

Question

Я работаю над приложением и должен открыть modal, попросите пользователя заполнить некоторые детали и сохранить их, как только они нажмут кнопку мода, которую я обозначил. Я использовал jQueryon, чтобы связать событие 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

Вы могли бы иметь 2 элементов с одинаковыми идентификаторами в HTML и вы запускают событие, когда вы нажимаете на другой элемент.

Answer 2

Попробуйте добавить следующую строку в ваш код JQuery:

evt.stopPropagation(); 

К сожалению, следует уточнить, добавьте к этому коду инициирующего открытия модального.

Edit:, так как вы не имеете прямой доступ к коду модального, попробуйте следующее в вашем JQuery:

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