Top Bar Drop Down不能在基金会工作6.2.4

尝试首次在此网站上实施下拉菜单，并且一直存在问题。可能是我错过的东西，但我已经看了一会儿，看不到有什么问题！Top Bar Drop Down不能在基金会工作6.2.4

下面是代码的我的网页上复制（这是我从这里复制：https://foundation.zurb.com/sites/docs/top-bar.html）：

2016-12-02 Nathan English

 <div class="top-bar"> 

     <div class="top-bar-title"> 
<span data-responsive-toggle="responsive-menu" data-hide-for="medium" style="display: none;"> 
<button class="menu-icon dark" type="button" data-toggle=""></button> 
</span> 
      <Strong>Polaris CI Performance Board</Strong> 
     </div> 
     <div id="responsive-menu"> 
      <div class="top-bar-left"> 
       <ul class="dropdown menu" data-dropdown-menu> 
        <li> 
         <a href="#">One</a> 
         <ul class="menu vertical"> 
          <li><a href="#">One</a></li> 
         </ul> 
        </li> 
        <li role="menuitem"><a href="#">Two</a></li> 
        <li role="menuitem"><a href="#">Three</a></li> 
       </ul> 
      </div> 
      <div class="top-bar-right"> 
      </div> 
     </div> 

    </div>

你可以从截图中的下拉没有看到压缩

下拉菜单（或任何使用JavaScript的组件，您可以通过数据属性识别）需要在页面上初始化Foundation JavaScript。你的截图看起来像这样没有运行...确保你的<body>标签的底部出现了

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

见例如http://foundation.zurb.com/sites/docs/installation.html#html-starter-template

来源

2016-12-02 22:41:07 kball

完美！感谢那！ :) –

Top Bar Drop Down不能在基金会工作6.2.4

回答

相关问题