Я работаю с ASP.NET MVC 5 над проектом, для которого требуется модальное окно для регистрации нового пользователя, код выглядит следующим образом:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inicio de sesión</title>
<link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/jquery-2.2.1.min.js"></script>
</head>
<body>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<form role="form">
<div class="modal-header">
<h2>Registro de usuarion</h2>
</div>
<br />
<div class="form-group">
<label class="labels"><span class="glyphicon glyphicon-user"></span> Nombre de usuario:</label>
<input class="form-control" type="text">
</div>
<div class="form-group">
<label class="labels"><span class="glyphicon glyphicon-eye-open"></span> Contraseña:</label>
<input class="form-control" type="password">
</div>
<br />
<a href="#" class="btn" id="Registrar"><span class="glyphicon glyphicon-ok"></span> Registrar</a>
<div class="modal-footer">
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$("#myModal").modal({
backdrop: 'static',
});
});
</script>
Но когда я запускаю его, ничего не появляется, модальное окно должно отображаться без необходимости использования кнопки, но функция jQuery, которая это делает, похоже, не работает.Что мне нужно добавить?
Загрузите Jquery перед JS-файлом Bootstrap.
Вы можете попробовать эту альтернативу, используя
dialog
.Ссылка
проверьте идентификатор вашего модального окна и
убедитесь, что jquery.js работает правильно