刚刚进入基金会5然后6出来了 . 现在我无法使用Top Bar菜单代码 . 具体来说,当我将浏览器从大到中调整大小时,我希望顶部菜单选项消失,并显示菜单图标(汉堡包) . 当我点击汉堡包图标时,导航链接会垂直显示 . 这工作在5,但我无法弄清楚6 .
我到目前为止 - 减去菜单图标代码 . 这是有效的,顶栏显示在我的页面上的链接 .
<div class="top-bar">
<div class="top-bar-left">
<ul class="menu">
<li class="menu-text"> >> </li>
<li><a href="index.html">Home</a></li>
<li><a href="apartment-descriptions.html">Apartment Descriptions</a></li>
<li><a href="floorplans.html">FloorPlans</a></li>
<li><a href="locations.html">Locations</a></li>
<li><a href="application.html">Application</a></li>
<li><a href="lease.html">Our Lease</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</div>
</div>
我找到了一个有效的解决方案,但整个页面都消失了,直到我点击菜单链接 - 很奇怪 .
有人能告诉我我需要做什么吗?或者,请指出一个很好的教程,说明如何添加菜单图标?
一如既往地感谢您的帮助 .
2 回答
试试这个:
HTML :
在大中型屏幕中,您的链接将显示为水平 . 您可以使用
jQuery.browser.mobile
脚本在小型设备上实现垂直链接:JS :
希望能帮助到你!
那么问题在于“汉堡图标”?这段代码应该有用:
资料来源:foundation-forum
还尝试将
ul
类更改为: