适用于桌面和移动平台的 Twitter bootstrap 弹出窗口触发器

2024-03-26

Default popover http://twitter.github.com/bootstrap/javascript.html#popovers触发选项是单击。但我需要将其更改为悬停。可以这样做:

$("#popover").popover({ trigger: "hover" });

但这对于智能手机来说没有意义。用户无法阅读悬停触发的弹出窗口。

For "div“我使用我网站的某些部分”可见桌面 http://twitter.github.com/bootstrap/scaffolding.html#responsive”或“隐藏桌面”。你能提供一个好方法吗 使用悬停触发弹出窗口 - 适用于桌面 对于智能手机/平板电脑,通过 click- 触发弹出窗口。 (我使用引导程序2.3.1)

有关的:使 Bootstrap Popover 在悬停而不是单击时出现/消失 https://stackoverflow.com/questions/12343695/make-bootstrap-popover-appear-disappear-on-hover-instead-of-click


我最好的建议是检测是否有触摸事件。如果是这样(“没有”悬停能力),请使用“单击”...如果不是,请使用“悬停”。尝试这个:

var is_touch_device = ("ontouchstart" in window) || window.DocumentTouch && document instanceof DocumentTouch;
$("#popover").popover({
    trigger: is_touch_device ? "click" : "hover"
});

(触摸检测取自 Modernizr 库)

使用 JavaScript 检测“触摸屏”设备的最佳方法是什么? https://stackoverflow.com/questions/4817029/whats-the-best-way-to-detect-a-touch-screen-device-using-javascript

使用 Javascript 检测触摸屏设备 https://stackoverflow.com/questions/3974827/detecting-touch-screen-devices-with-javascript

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

适用于桌面和移动平台的 Twitter bootstrap 弹出窗口触发器 的相关文章

随机推荐