我在一个需要模式窗口来注册新用户的项目上使用 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函数似乎不起作用。我需要添加什么?
在 Bootstrap 的 JS 文件之前加载 Jquery。
您可以使用
dialog
.参考
检查模态的 id
检查 jquery.js 是否正常工作