对不起的基本问题,我的工作在MVC ASP.NET,我试图添加一个引导模式在我的导航栏,我运行代码,我可以看到按钮,我可以触摸它,但它打开后,屏幕是不可点击的,我不得不f5再次点击任何地方,这是我第一次使用模态从引导,并搜索所有周围的谷歌,如果我必须写一些JavaScript代码,但是到处都说你只需要jquery,bootstrap.js和.css,其他什么都不需要。如果我遗漏了什么,请告诉我。谢谢,这是我的代码。
PD:我已经有一个从 Bootstrap 运行的carousel
@if (Session["usuario"] == null)
{
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Ingresar
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Iniciar Sesión</h4>
</div>
<div class="modal-body">
<form method="post" action="@Url.Action("DoLogin","Usuario")">
<span class="alert-danger">@ViewBag.NoUser</span>
<label for="NombreDeUsuario" class="sr-only">Nombre de Usuario</label>
<input type="text" id="NombreDeUsuario" name="NombreDeUsuario" class="form-control" placeholder="Ingresa tu Usuario" required="" autofocus="" />
<br />
<label for="Contrasena" class="sr-only">Contraseña</label>
<input type="password" id="Contrasena" name="Contrasena" class="form-control" placeholder="Ingresa tu Contraseña" required="" />
<br />
<button class="btn btn-lg btn-primary btn-block" type="submit">Ingresar</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
}
下面是问题
的屏幕截图
3条答案
按热度按时间gk7wooem1#
gr8qqesn2#
试试这个:
这只是因为模态是集中的。
qyswt5oh3#
在我的案子里是怎么解决的。
问题是在复制了模态并做了一些修改之后,我把所有的内容都放在了对话框部分,并删除了模态内容和主体。所以要启用对元素的点击,请把你的主要内容添加到模态内容部分,或者最好是主体部分。这样就可以解决这个问题了。