Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导菜单不关闭_Javascript_Twitter Bootstrap_Menu_Collapse_Jquery Mobile Collapsible - Fatal编程技术网

Javascript 引导菜单不关闭

Javascript 引导菜单不关闭,javascript,twitter-bootstrap,menu,collapse,jquery-mobile-collapsible,Javascript,Twitter Bootstrap,Menu,Collapse,Jquery Mobile Collapsible,我知道这些类型的问题以前在这里被问过,但是他们的解决方案在这种情况下不起作用。 在我的引导网站中,当我按下/触摸菜单按钮时,它会打开。。但当我再次按下/触摸它时,它不会关闭 以下是“我的菜单”按钮的代码: 切换导航 您需要添加引导“CSS和JS”书店。也是jquery版本。jquery必须在JS库引导之前添加。完成后,您将顺利运行 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/b

我知道这些类型的问题以前在这里被问过,但是他们的解决方案在这种情况下不起作用。 在我的引导网站中,当我按下/触摸菜单按钮时,它会打开。。但当我再次按下/触摸它时,它不会关闭

以下是“我的菜单”按钮的代码:


切换导航

您需要添加引导“CSS和JS”书店。也是jquery版本。jquery必须在JS库引导之前添加。完成后,您将顺利运行

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<nav class="navbar navbar-default" role="navigation">
  <!-- El logotipo y el icono que despliega el menú se agrupan
       para mostrarlos mejor en los dispositivos móviles -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target=".navbar-ex1-collapse">
      <span class="sr-only">Desplegar navegación</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Logotipo</a>
  </div>

  <!-- Agrupar los enlaces de navegación, los formularios y cualquier
       otro elemento que se pueda ocultar al minimizar la barra -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Enlace #1</a></li>
      <li><a href="#">Enlace #2</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          Menú #1 <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#">Acción #1</a></li>
          <li><a href="#">Acción #2</a></li>
          <li><a href="#">Acción #3</a></li>
          <li class="divider"></li>
          <li><a href="#">Acción #4</a></li>
          <li class="divider"></li>
          <li><a href="#">Acción #5</a></li>
        </ul>
      </li>
    </ul>

    <form class="navbar-form navbar-left" role="search">
      <div class="form-group">
        <input type="text" class="form-control" placeholder="Buscar">
      </div>
      <button type="submit" class="btn btn-default">Enviar</button>
    </form>

    <ul class="nav navbar-nav navbar-right">
      <li><a href="#">Enlace #3</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          Menú #2 <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#">Acción #1</a></li>
          <li><a href="#">Acción #2</a></li>
          <li><a href="#">Acción #3</a></li>
          <li class="divider"></li>
          <li><a href="#">Acción #4</a></li>
        </ul>
      </li>
    </ul>
  </div>
</nav>

德斯普莱加尔·纳维加西翁
羡慕

好的,我必须删除导致问题的3个JS文件。
现在它的工作是正确的

一个完整的,你的NavBar代码的工作例子。