Javascript 5.2.2移动设备不工作的TopBar下拉 我试图用基础下拉来开发我的网站。当我从pc浏览器中看到Responsive大小时，它正在工作 （不是第一次： 单击第一次url将为..../index.html# 再次用这个重新加载，然后它工作。第二次工作）。当我在手机中加载url并尝试测试它是否工作时

下面是我在header.html中的代码：

<div class="menuSet" style="background-image: url('img/image67.JPG');">
<nav class="top-bar row changedWmiddle" data-topbar style="background-image: url('img/image67.JPG');height:44px;"> 
   <ul class="title-area setMenu"> 
      <li class="name"> 
        <h1><a href="#" class="setMenu1">&nbsp;</a></h1> 
      </li> 
      <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone --> 
      <li class="toggle-topbar menu-icon setMenu2">
        <a href="#"><span>Menu</span></a>
      </li> 
   </ul> 
   <div class="top-bar-section">
     <!-- Left Nav Section --> 
     <ul class="left row" style="width:98%;"> 
       <li class="setMenu3" style="min-width:16.43%;background-image:url('img/image67.JPG');"><a href="http://ec2-54-178-189-98.ap-northeast-1.compute.amazonaws.com/SamePage_Website(without_comment)/" class="setMenu5" style="background-image:url('img/image67.JPG');"><img src="img/image68.JPG"></a></li> 
       <li class="setMenu4" style="min-width:16.43%;background-image:url('img/image67.JPG');"><a href="http://ec2-54-178-189-98.ap-northeast-1.compute.amazonaws.com/SamePage_Website(without_comment)/Reason_For_Change.html" class="setMenu5" style="background-image: url('img/image67.JPG');"><img src="img/image69.JPG"></a></li>
       <li class="setMenu4" style="min-width:16.43%;background-image:url('img/image67.JPG');"><a  href="http://ec2-54-178-189-98.ap-northeast-1.compute.amazonaws.com/SamePage_Website(without_comment)/customer.html" class="setMenu5" style="background-image: url('img/image67.JPG');"><img src="img/image70.JPG"></a></li>
       <li class="setMenu4" style="min-width:16.43%;background-image:url('img/image67.JPG');"><a href="http://ec2-54-178-189-98.ap-northeast-1.compute.amazonaws.com/SamePage_Website(without_comment)/company.html" class="setMenu5" style="background-image: url('img/image67.JPG');"><img src="img/image71.JPG"></a></li>
       <li class="setMenu4" style="min-width:16.43%;background-image:url('img/image67.JPG');"><a href="http://ec2-54-178-189-98.ap-northeast-1.compute.amazonaws.com/SamePage_Website(without_comment)/motto.html" class="setMenu5" style="background-image: url('img/image67.JPG');"><img src="img/image72.JPG"></a></li>
       <li class="setMenu4" style="min-width:16.43%;background-image:url('img/image67.JPG');"><a href="http://ec2-54-178-189-98.ap-northeast-1.compute.amazonaws.com/SamePage_Website(without_comment)/recruit.html" class="setMenu5" style="background-image: url('img/image67.JPG');"><img src="img/image73.JPG"></a></li>
     </ul> 
   </div> 
 </nav>

我在index.html中包含header.html和类似的链接脚本

在页面的开头：

<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/modernizr.js"></script>

底部：（标签前）

$（document.foundation（）；

这是我的url链接

---

请帮忙。谢谢。

< P>。M.js包含所有的基础JS.< /P> 您需要使用<强> < <强> >基础.js“<强>或”基础。js，基础.TopBar .js等“

参考：

您遇到的问题可能来自加载两个js文件。

---

试着用一套装入。

我发现问题是用JavaZr.js，为了测试它，你可以移除基金会按预期的方式工作。

   <script src="js/foundation/foundation.js"></script>
   <script src="js//foundation/foundation.topbar.js"></script>
   <script src="js/foundation.min.js"></script>
   <script>
      $(document).foundation();
   </script>

<script src="/js/foundation.min.js"></script>

<!-- or individually -->

<script src="/js/foundation.js"></script>
<script src="/js/foundation.alert.js"></script>
<!-- ... -->
<script src="/js/foundation.dropdown.js"></script>
<script src="/js/foundation.tab.js"></script>