基础5中的下拉组件无法工作

时间:2014-10-20 17:46:09

标签: zurb-foundation

所有。我是基金会的新手。 我尝试制作一个下拉示例,但它根本没有用。



--all.scss--
.test{
  #drop2{
    @include dropdown-container;
  }
}

--test.html--
<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
    <title>test</title>
    <meta content='' name='description'>
    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
    <link href='css/all.css' rel='stylesheet' type='text/css'>
  </head>
  <body>
    <div class="test">
      <a data-dropdown='drop2' href='#'>Has Content Dropdown</a>
      <div class='f-dropdown content' data-dropdown-content id='drop2'>
        <p>
          Some text that people will think is awesome!
          Some text that people will think is awesome!
          Some text that people will think is awesome!
        </p>
      </div>
    </div>
    <script src='js/modernizr.js' type='text/javascript'></script>
    <script src='js/jquery.js' type='text/javascript'></script>
    <script src='js/fastclick.js' type='text/javascript'></script>
    <script src='js/foundation.js' type='text/javascript'></script>
    <script src='js/foundation.dropdown.js' type='text/javascript'></script>
    <script type='text/javascript'>
      $(document).foundation();
    </script>
  </body>
</html>
&#13;
&#13;
&#13;

浏览器显示文本&#34;有内容下拉&#34;,但单击链接时没有任何反应。 我想知道我必须误解如何使用下拉组件,但无法找到问题所在。 该计划有什么问题?请帮忙。

基础5.4.6

使用Middleman和sass

0 个答案:

没有答案