Question

对不起基本的问题，我正在研究MVC ASP.NET，我正在尝试在导航栏中添加一个bootstrap模式，我运行代码，我可以看到我可以触摸它的按钮，但之后它打开，屏幕是无法点击的我必须f5再次点击任何地方，这是我第一次使用来自bootstrap的模态，并且如果我必须编写一些JavaScript代码搜索google周围的所有内容，但无处不在说你只需要jquery，bootstrap .js和.css，没有别的。如果我遗失了什么，请告诉我。谢谢，这是我的代码。

PD：我有一个旋转木马已经在bootstrap工作

@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">&times;</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>
            }

以下是问题的屏幕截图

Answer 1

.modal-backdrop {
  z-index: -1;
}

Answer 2

尝试一下：

$(document).off('focusin.modal');

这仅仅是因为模式是集中的。

打开我的Bootstrap模式后无法点击任何内容

2 个答案: