【问题标题】:Bootstrap dropdown not working after close bootstrap modal in razor在剃须刀中关闭引导模式后引导下拉菜单不起作用
【发布时间】:2018-06-06 22:53:06
【问题描述】:

关闭引导模式后,我的引导下拉菜单不起作用。 模态:

   <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>

模态框包含一个局部视图,下拉菜单是局部视图登录。 实际上,下拉菜单每隔第二次关闭模式就开始工作(例如,在第 1 次、第 3 次、第 5 次关闭后不工作......但在第 2 次、第 4 次关闭......)。很奇怪。如果我使用 .modal('toggle') 而不是 data-dismiss="modal",我会遇到同样的情况。 有人知道吗?

【问题讨论】:

  • 你必须清楚地说明问题。包括小提琴,肯定会有所帮助。 drop 是什么?

标签: jquery asp.net-mvc bootstrap-modal bootstrap-4


【解决方案1】:

为时已晚,但对于回到这个问题的人来说,这发生在 bootstrap.js 被绑定两次时。有时父页面也引用了 bootstrap.js 和模态;在这种情况下,点击事件不会发布到父页面。 参考...Issue reported earlier

【讨论】:

  • 这是一个有效的答案,它让我查看了我的项目,发现我包含了两次引导程序,现在它可以工作了!
猜你喜欢
  • 1970-01-01
  • 2014-12-29
  • 1970-01-01
  • 2016-04-12
  • 2013-04-07
相关资源
最近更新 更多