Коллеги, есть код (привожу с упрощениями):
Код:
|
<button type="button" class="..." data-toggle="modal" data-target="#UtilityModal">ТЕКСТ</button>
<div class="modal" id="UtilityModal" tabindex="-1" role="dialog" aria-labelledby="UtilityModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header modal_header">
<h5 class="modal-title modal_capts font-weight-bold" id="UtilityModalLabel">ТЕКСТ</h5>
</div>
<div class="modal-body">
<div class="row">
<div class="col-6 modal_capts text-center">наименование</div>
<div class="col-6 modal_capts text-center">ед.изм.</div>
</div>
<form id="add-utility">
<div class="row">
<div class="col-6 my-auto">
<input id="utility_name" name="utility_name" type="text" class="form-control" placeholder="Введите наменование">
</div>
<div class="col-6 my-auto">
<input id="utility_measure" name="utility_measure" type="text" class="form-control" placeholder="Введите ед. изм.">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="modal_subscribe_bitton" data-dismiss="modal" onclick="location.reload(true);">Закрыть</button>
<input id="save-utility" name="save-utility" type="submit" form="add-utility" class="modal_subscribe_bitton" value="Сохранить изменения" hidden="true">
</div>
</div>
</div>
</div> |
Коротко: со страницы, при нажатии кнопки, вызывается модальное окно. В нем форма с двумя текстовыми полями и вынесенная за форму кнопка типа submit. При нажатии этой кнопки должна происходить обработка формы в JS:
$('#add-utility').on('submit',(function(e) {
alert('We are in JS');
}));
Но управление этому скрипту не передается.
Скрипт вынесен в файл script.js, который подключается к странице. Коды из этого файла выполняются, в том числе и коды обработки событий из того же модального окна. Но вот управление вышеприведенной функции почему-то не передается.