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

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

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

原文地址:https://www.jb51.cc/bootstrap/233918.html

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

相关推荐