0

我有这个代码:

<!DOCTYPE html>
<html>
<head>
  <title>Webpage</title>
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
  <![endif]-->

    <!-- CSS
  ================================================== -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.css">
    <script type="text/javascript" src="js/bootstrap.js"></script>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
</head>
<body>
  <div class="navbar navbar-fixed-top navbar-inverse">
    <div class="navbar-inner">
      <div class="container">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a class="brand" href="#">La Estación Argentina</a>
        <div class="nav-collapse">
          <ul class="nav">
            <li><a href="index.html">Home</a></li>
                        <li><a href="index.html">Nosotros</a></li>
                        <li><a href="index.html">Menú</a></li>
                        <li><a href="index.html">Galería</a></li>
                        <li><a href="index.html">Ubicación</a></li>
                        <li><a href="index.html">Promociones</a></li>
                        <li><a href="index.html">Contacto</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="span9"></div>
      <div class="span3">
      </div>
    </div>
  </div>
</body>
</html>

并且应用了 CSS 的代码在“缩小”页面时为我们提供了这个结果(响应性完美无缺):

样品图像

但是当点击按钮在移动设备上显示菜单元素时,它什么也没有显示,(但全角页面确实有菜单元素)为什么会发生这种情况?

4

1 回答 1

0

问题是操作菜单的功能依赖于jQuery库。

查看这个 JSBin 示例,其中包含该库并且工作正常,http://jsbin.com/itutin/1/

于 2012-09-25T06:23:08.043 回答