2016-02-05 56 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