Question

基础中的下拉菜单无法在移动视图中使用。谁解决了这个问题？ <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>

Answer 1

下拉菜单在移动设备上正常运行，请在此处尝试：http://foundation.zurb.com/sites/docs/dropdown-menu.html

在继续之前，请确保 jquery.js ， foundation.js 和 foundation.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>

Answer 2

检查您是否在页面顶部提供了适当的基础CSS＆amp;页面底部有适当的基础js和jquery。

如果您是基金会的初学者，您可以使用基金会现成的building blocks。

Foundation 6下拉菜单

2 个答案: