javascript - Bootstrap 菜单在某些页面的移动设备上不起作用

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

添加 <div id="frame_">就在 <div id="layout" class="full"> 之前那应该工作。我认为菜单可以通过切换 #frame_