基金會5 - 下拉框不能正常工作

下拉菜單：使用時下載和複製粘貼從他們的網站代碼，下拉欄時，http://foundation.zurb.com/docs/components/dropdown.html

即使刷新頁面或首次加載時，會顯示已經下降的內容，並且只有當您幾次點擊垃圾郵件並將鼠標移開時纔會消失。是什麼東西破了，我認爲它應該有下拉內容隱藏在初始加載。

代碼：

<!doctype html> 
<html class="no-js" lang="en"> 
    <head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <title>Foundation | Welcome</title> 
    <link rel="stylesheet" href="css/foundation.css" /> 
    <script src="js/vendor/modernizr.js"></script> 
    <script src="js/vendor/jquery.js"></script> 
    <script src="js/foundation.min.js"></script> 
    </head> 
    <body> 

    <div class="row"> 
     <div class="large-12 columns"> 

     <a href="#" class="button" data-dropdown="drop">Link Dropdown &raquo;</a> 
      <ul id="drop" class="[tiny small medium large 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> 
    </div> 

    <script> 
     $(document).foundation(); 
    </script> 
    </body> 
</html>

我已經使用頁面，同樣的事情的頂部和底部的腳本嘗試。

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

也有可能而不是點擊讓它只顯示在鼠標懸停上嗎？

謝謝。

來源

2014-01-26 Nicholas Ritson

我不知道，如果你的問題是開放的，但...

我想你錯過了一個屬性（詠歎調的控件）。檢查http://foundation.zurb.com/sites/docs/v/5.5.3/components/dropdown_buttons.html

<a data-dropdown="drop1" aria-controls="drop1" aria-expanded="false" class="button dropdown">Dropdown Button</a><br> 
<ul id="drop1" data-dropdown-content class="f-dropdown" aria-hidden="true"> 
    <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>

的例子確保UL id是一樣的，在數據下拉列表和唱段的控件屬性。

來源

2016-02-09 08:16:26 Andalus

我知道這是一個超古老的問題，但我通過谷歌來到這裏，並希望在別人的情況下回答。

至少你的問題之一是這條線

class="[tiny small medium large content]f-dropdown"

你不應該從字面上把[tiny small medium large content]。你應該選擇其中一個選項（如果需要的話）。像這樣：

class="tiny f-dropdown"

來源

2016-06-29 17:20:18

基金會5 - 下拉框不能正常工作

回答

相關問題