Twitter Bootstrap：Dropdown Menus Hover for Desktop,Click fo
发布时间：2020-12-18 00:21:40 所属栏目：安全 来源：网络整理
导读：似乎有很多关于如何将Twitter Bootstrap的下拉列表更改为出现在点击上以显示在悬停上的问题/答案. Bootstrap的构建者有充分的理由使用点击而不是悬停 – 悬停在大多数平板电脑上都不起作用.手机.但是,我使用Bootstrap的原因之一是它的响应功能.我想要一个可
|
似乎有很多关于如何将Twitter Bootstrap的下拉列表更改为出现在点击上以显示在悬停上的问题/答案. Bootstrap的构建者有充分的理由使用点击而不是悬停 – 悬停在大多数平板电脑上都不起作用.手机.但是,我使用Bootstrap的原因之一是它的响应功能.我想要一个可以在台式机,平板电脑和手机上查看的网站.虽然平板电脑和手机需要单击以获取下拉列表,但这不是台式机的预期行为.我希望我的网站能够快速响应,但不能以重新培训用户为代价！
有没有办法为台式机提供悬停下拉菜单,并为平板电脑和手机点击下拉菜单？ 解决方法
我创建了一个插件(处理一些改进,但它绝对有效),允许下拉列表在悬停时工作,但它不会干扰Twitter Bootstrap的点击事件,因此您可以安全地绑定两者,这实际上意味着如果有是鼠标,它会在悬停时激活,但如果没有鼠标(即平板电脑上的触摸屏),它在点击时仍会激活.
我有一个在GitHub上托管的插件：https://github.com/CWSpear/twitter-bootstrap-hover-dropdown 它通过显式调用它来工作,但我将在不久的将来调整代码以使用数据属性. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |