Javascript Bootstrap burger菜单在小屏幕上显示,但不';t在第二次单击时向后折叠

Javascript Bootstrap burger菜单在小屏幕上显示,但不';t在第二次单击时向后折叠,javascript,css,twitter-bootstrap,angular,azure,Javascript,Css,Twitter Bootstrap,Angular,Azure,我有一个页面,当在较小的屏幕上显示时,可以展开非常标准的菜单系统。所以我假设引导程序已经启动并且运行良好。然而,在汉堡菜单被打开后,再次点击按钮是不可能将其折叠回去的 我无法用小提琴再现这个问题,所以我把它上传到了一个网站上。我在本地和FF和Cr上运行时得到了相同的结果 谷歌搜索没有任何价值。我注意到的唯一一件事是,如果我第三次单击,就在第二次单击之后,控制台中会出现一个错误,表示正在进行崩溃。因此,JS似乎正在运行,但渲染无法使要更新的类隐藏。不过,从控制台执行类赋值时会隐藏菜单 我没有主意了

我有一个页面,当在较小的屏幕上显示时,可以展开非常标准的菜单系统。所以我假设引导程序已经启动并且运行良好。然而,在汉堡菜单被打开后,再次点击按钮是不可能将其折叠回去的

我无法用小提琴再现这个问题,所以我把它上传到了一个网站上。我在本地和FF和Cr上运行时得到了相同的结果

谷歌搜索没有任何价值。我注意到的唯一一件事是,如果我第三次单击,就在第二次单击之后,控制台中会出现一个错误,表示正在进行崩溃。因此,JS似乎正在运行,但渲染无法使要更新的类隐藏。不过,从控制台执行类赋值时会隐藏菜单

我没有主意了。建议

注:这是引导4阿尔法6和角度4

编辑:根据请求,编辑我的导航栏的标记

<nav class="navbar fixed-top navbar-inverse bg-primary navbar-toggleable-sm">

  <button class="navbar-toggler navbar-toggler-right" type="button" 
          data-toggle="collapse" data-target="#collapsee">
    <span class="navbar-toggler-icon"></span>
  </button>
  <a class="navbar-brand" href="#">Donkey</a>

  <div class="collapse navbar-collapse" id="collapsee">
    <ul class="nav navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">About</a>
      </li>
    </ul>
  </div>

</nav>


尝试将您的引导程序v4.0.0-alpha.6更新为预发布并可在此链接上使用的引导程序4.0.0-beta。

尝试将您的引导程序v4.0.0-alpha.6更新为预发布并可在此链接上使用的引导程序4.0.0-beta。

将菜单div更改为该选项可能会起作用,并为按钮添加一个单击事件:

<button class="navbar-toggler navbar-toggler-right" (click)="toggleState()" type="button" 
          data-toggle="collapse" data-target="#collapsee">
    <span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" [ngClass]="{ 'show': isIn }">

将菜单div更改为该选项可能会起作用,并为按钮添加单击事件:

<button class="navbar-toggler navbar-toggler-right" (click)="toggleState()" type="button" 
          data-toggle="collapse" data-target="#collapsee">
    <span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" [ngClass]="{ 'show': isIn }">

你能为你的菜单提供html吗?我已经启动了一个引导程序4 alpha 6导航栏并在运行,我想比较一下,看看为什么你的导航栏可能不合作,可能是你的导航栏实现?我不想说傻话,但有时候会有用吗?@Vega有时候,最傻的问题会解决最复杂的问题。导航栏的行为是一致的,即它总是展开,并且总是向后折叠。经过一段时间和多次重新部署,在无数浏览器上测试了几台不同的计算机,包括本地计算机和服务计算机。非常非常一致。我将在几分钟后发布导航栏的HTML-请随意查看。我在Crome和safari及其响应设计模式上测试了该链接,并且在任何地方它都无法关闭。可能是上面引用的bug吗?@Kevin根据请求-我的导航栏标记。你能为你的菜单提供html吗?我已经启动了一个引导程序4 alpha 6导航栏并在运行,我想比较一下,看看为什么你的导航栏可能不合作,可能是你的导航栏实现?我不想说傻话,但有时候会有用吗?@Vega有时候,最傻的问题会解决最复杂的问题。导航栏的行为是一致的,即它总是展开,并且总是向后折叠。经过一段时间和多次重新部署,在无数浏览器上测试了几台不同的计算机,包括本地计算机和服务计算机。非常非常一致。我将在几分钟后发布导航栏的HTML-请随意查看。我在Crome和safari及其响应设计模式上测试了该链接,并且在任何地方它都无法关闭。可能是上面引用的bug吗?@Kevin根据请求-我的导航栏标记。有趣的方法:+1。当我尝试你的建议时,我发现了另一个我不知道的问题。它让我意识到最初是什么与jQuery包发生了冲突,所以现在这个问题已经解决了。有趣的方法:+1。当我尝试你的建议时,我发现了另一个我不知道的问题。它让我意识到最初是什么与jQuery包发生了冲突,所以现在这个问题已经解决了。