Question

从Foundation下拉列表中选择示例代码。

http://foundation.zurb.com/docs/components/dropdown.html

样本无法正常工作。

<!doctype html>
  <html>
  <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
  <title>B seires</title>
  <link href="css/normalize.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="css/foundation.css" />      
  <script src="js/vendor/modernizr.js"></script> 
  </head> 
  <body>
  <div>
  <a href="#" class="button" data-dropdown="drop">Link Dropdown &raquo;</a>
  <ul id="drop" class="small content f-dropdown" data-dropdown-content>
    <li><a href="#">This is a link</a></li>
    <li><a href="#">This is another</a></li>
    <li><a href="#">Yet another</a></li>
  </ul>
 </div>
   <script src="js/vendor/jquery.js"></script>          
   <script src="js/foundation/foundation.js"></script>
   <script src="js/foundation/foundation.dropdown.js"></script>  
   <script>
    $(document).foundation();
   </script>
 </body>
</html>

如果我将基础改为基础5.3.3，那似乎很好。关于5.5.1的问题在哪里？

基础5.5.1的下拉不起作用

0 个答案: