У меня есть следующее диалоговое окно:
<div class="modal fade PSettings" id="ModalMsg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
Вот мой jquery код:
$(".btn").click(function (evt) {
var wID = $('#MPID :selected').val();
if (wID.length == 0) {
evt.preventDefault();
$('#ModalMsg .modal-body').html('<p><b>Please select a valid name from the drop down list.</b></p>');
$('#ModalMsg').modal({
backdrop: 'static',
keyboard: false,
show: true
});
evt.stopPropagation();
}
});
Проблема, с которой я сталкиваюсь: что мне нравится показывать диалоговое окно и иметь возможность пользователю нажимать на кнопку «Закрыть». Ничего не происходит, когда пользователь нажимает кнопку закрытия.
После нажатия кнопки закрытия мне нравится останавливать распространение, так как нажатие на кнопку запускает другое действие.