2016-02-05 53 views
0

基礎中的下拉菜單在移動視圖中不起作用。 誰解決了這個問題? <ul class="dropdown menu" data-dropdown-menu> <li> <a href="#">Item 1</a> <ul class="menu"> <li><a href="#">Item 1A</a></li> <!-- ... --> </ul> </li> <li><a href="#">Item 2</a></li> <li><a href="#">Item 3</a></li> <li><a href="#">Item 4</a></li> </ul>Foundation 6下拉菜單

回答

1

下拉菜單中選擇適用於移動很好,在這裏試試吧:http://foundation.zurb.com/sites/docs/dropdown-menu.html

確保的jquery.jsfoundation.jsfoundation.dropdown.js已列入您的網頁之前持續。例如,封閉<body>標記之前添加以下內容:

<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> 
0

檢查您是否已經提供之上適當基礎CSS的&頁面適當的基礎JS並在頁面底部的jQuery。

如果你是初學者,可以使用Foundation的現成building blocks