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

前端之家收集整理的这篇文章主要介绍了jquery – Twitter Bootstrap中下拉菜单的实现背后有什么想法?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在看Twitter的Bootstrap框架,我真的很印象深刻。但是,我不明白下拉菜单的工作原理。

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

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

>首页
>关于

>团队

>服务

>网页设计
>托管
>域名

>联系人

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

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

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

解决方法

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

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

猜你在找的jQuery相关文章