Question

我的Bootstrap下拉列表在关闭bootstrap模式后无法正常工作。模态：

   <span class="btn btn-warning btn-sm col-xs-offset-5 col-xs-1"
              id="backFromEdit" data-dismiss="modal">
            &#x2718;
        </span>

下拉：

 <div class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown">
                    @User.Identity.GetUserName()
                    <span class="glyphicon glyphicon-triangle-bottom"></span>
                </a>
                <ul class="dropdown-menu">
                    <li>@Html.ActionLink("Manage Account", "Index", "Manage", routeValues: null, htmlAttributes: new { title = "Manage" })</li>
                    <li><a href="javascript:document.getElementById('logoutForm').submit()">Log off</a></li>
                </ul>
            </div>

模态包含部分视图，下拉列表在部分视图登录中。实际上，下拉开始每隔一次关闭模态开始工作（例如，在第一次第3次关闭后不工作......但是在第2次，第4次工作......）。很奇怪。如果我使用.modal（＆＃39; toggle＆＃39;）而不是data-dismiss =＆＃34; modal＆＃34;，我遇到了同样的情况。有人知道吗？

Answer 1

为时已晚，但是对于回到这个问题的人来说，当bootstrap.js被绑定两次时，就会发生这种情况。有时父页面引用了bootstrap.js和模态；在这种情况下，点击事件不会释放到父页面。请参阅... Issue reported earlier

在razor中关闭bootstrap模式后，Bootstrap下拉列表无法正常工作

1 个答案: