Question

我在一个简单的网站上工作，并注意到移动模式下的一个问题。在我的索引页面和其他几个菜单中没有加载菜单，但是在同一站点的其他页面中，菜单正确加载。

他们都有相同的脚本和CSS文件，所以我有点迷失。

这是有问题的网站：www.dulcementeperu.com

该菜单仅在dulcementeperu.com/packs和dulcementeperu.com/comprar中打开，但不会在其他菜单中打开。

这是应该加载的导航：

<nav>
  <div align="center">
    <ul class="sf-menu">
      <li class="current selectedLava"><a href="/">Home</a></li>
      <li><a href="packs">Packs</a></li>
      <li><a href="delivery">Delivery</a></li>
      <li><a href="comprar">Comprar</a></li>
    </ul>
    <!-- end menu -->
  </div>
</nav>

这是页面加载的脚本列表：

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/theme20.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/gmap3.js"></script>
<script type="text/javascript" src="js/twitter/jquery.tweet.js"></script>
<script type="text/javascript" src="js/custom.js"></script>

任何见解都会受到赞赏，对不起，如果我的英语有点破碎，因为它不是我的母语。

Answer 1

 - please Change the z-index in  .snap-drawer-left class
and aslo Check error in  Uncaught TypeError: Cannot read property 'style' of null

.snap-drawer-left{
    z-index: 99;
}

Answer 2

在适用的<div id="frame_">之前添加<div id="layout" class="full">。我认为菜单的工作方式是切换#frame_

Answer 3

你错过了我注意到所有工作页面都有它

<div id="frame_">
  // content here
</div>

Answer 4

输入此代码。

<div id="frame_"> here! </div>

在某些页面中，Bootstrap菜单无法在移动设备上运行

4 个答案: