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(使用前将#替换为@)