Twitter Bootstrap:Dropdown Menus Hover for Desktop,Click for Tablets / Phones?

前端之家收集整理的这篇文章主要介绍了Twitter Bootstrap:Dropdown Menus Hover for Desktop,Click for Tablets / Phones?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
似乎有很多关于如何将Twitter Bootstrap的下拉列表更改为出现在点击上以显示在悬停上的问题/答案. Bootstrap的构建者有充分的理由使用点击而不是悬停 – 悬停在大多数平板电脑上都不起作用.手机.但是,我使用Bootstrap的原因之一是它的响应功能.我想要一个可以在台式机,平板电脑和手机上查看的网站.虽然平板电脑和手机需要单击以获取下拉列表,但这不是台式机的预期行为.我希望我的网站能够快速响应,但不能以重新培训用户为代价!

有没有办法为台式机提供悬停下拉菜单,并为平板电脑和手机点击下拉菜单

解决方法

我创建了一个插件(处理一些改进,但它绝对有效),允许下拉列表在悬停时工作,但它不会干扰Twitter Bootstrap的点击事件,因此您可以安全地绑定两者,这实际上意味着如果有是鼠标,它会在悬停时激活,但如果没有鼠标(即平板电脑上的触摸屏),它在点击时仍会激活.

我有一个在GitHub上托管的插件https://github.com/CWSpear/twitter-bootstrap-hover-dropdown

它通过显式调用它来工作,但我将在不久的将来调整代码以使用数据属性.

猜你在找的Bootstrap相关文章