微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – Twitter Bootstrap中下拉菜单的实现背后有什么想法?

我一直在看Twitter的Bootstrap框架,我真的很印象深刻。但是,我不明白下拉菜单的工作原理。

首先,为了看到孩子的链接,你必须点击父母。我可以看到这个的好处,但是为什么没有更多的传统下拉式悬停方法作为认的?

其次,Twitter Bootstrap的下拉菜单中的想法似乎照亮了父页面。我可能没有很好的解释
说,你有一个简单的网页结构:

>首页
>关于

>团队

>服务

>网页设计
>托管
>域名

>联系人

在传统的下拉菜单结构中,您可以将鼠标悬停在“关于”和“服务”上,并显示包含子链接(例如“网页设计”,“托管”等)的下拉菜单。但是,您也可以单击父页面(即“关于”和“服务”)并访问它们。

使用Bootstrap,您不能在结构中具有父页面,您必须使用锚标签(“#”)。当您单击此处时,您将看到下拉列表中的页面。这是没有好的,如果有一个页面。从语义(“#”是什么意思?)和可访问性(javascript关闭,屏幕阅读器等)的角度来看也不是很好。

我可能错过了一些东西,但有人可以解释这个背后的思想,特别是关于父页面和语义HTML /可访问性?

解决方法

这样做完全是因为悬停菜单在触摸屏设备上不能正常工作。

https://github.com/twitter/bootstrap/issues/1029

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐