Объясняю вам, я делаю модальное окно, то есть при нажатии на кнопку будет отображаться это окно. Ну, у меня это работает правильно, происходит то, что внутри моего модального окна есть кнопка с именем выход, чтобы выйти из модального окна. Но когда я открываю модальное окно и нажимаю в любом месте, оно исчезает, и я бы хотел, чтобы модальное окно исчезло, пока они нажимают кнопку выхода.
Это мой текущий код в Form.aspx:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.modal.js"></script>
<link href="css/jquery.modal.css" />
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>Nombre :</td>
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>Apellido :</td>
<td>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<button type="button" runat="server" id="Crear" class="btn btn-primary">
<span class="fa fa-plus"></span>Agregar
</button>
</tr>
<div id="ModalCrear" class="modal fade" role="dialog" style="overflow-y: scroll;">
<div class="modal-dialog">
<div class="modal-content">
<form class="form-horizontal" role="form" id="form-crear">
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
<span class="glyphicon glyphicon-remove"></span>
<span class="hidden-xs">Cerrar</span>
</button>
</div>
</form>
</div>
</div>
</div>
</table>
</form>
<script>
$(document).on('click', '#Crear', function () {
$('#ModalCrear').modal('show');
});
$(document).on('click', '#agregar_nombres', function () {
$('#ModalAgregarNombre').modal('show');
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
СЦЕНАРИЙ, ПОКАЗЫВАЮЩИЙ МОДАЛЬНЫЙ
<script>
$(document).on('click', '#Crear', function () {
$('#ModalCrear').modal('show');
});
$(document).on('click', '#agregar_nombres', function () {
$('#ModalAgregarNombre').modal('show');
});
</script>
Чтобы предотвратить это, вы должны использовать два атрибута, все из которых указаны на его официальной странице модальных опций .
data-backdrop="static"
ПредотвратитьCLOSE
, щелкнув за пределами модального окнаdata-keyboard="false"
ЗапретитьCLOSE
использование клавиши ESC.Его использование может быть непосредственно в HTML
Или через JavaScript
Я не заметил, какой тип плагина использовался в его коде , поэтому я добавил этот ответ, но на самом деле ответ для используемого плагина - это ответ @Roberto León, эти параметры для Bootstrap Modal
jquery.modal.js , который вы используете в примере 5 , показывает, как это сделать:
Дополнительные сведения см. в разделе Параметры .
Добавление того, как код будет выглядеть благодаря ответу хорошего Dev.Joel , будет следующим:
PS: примите ответ Dev.Joel , это хорошо объяснено: D