jquery - 可以根据设备屏幕大小关闭 Bootstrap 工具提示吗？

Question

我已经在网站上实现了 Bootstrap 工具提示，它们在桌面屏幕上运行良好。但事实证明，它们对于较小的设备来说是有问题的。在没有悬停功能的小屏幕设备上单击链接只会弹出工具提示，而不是单击链接目标。有没有一种方法可以关闭或禁用较小设备的工具提示，或许可以在 jquery 代码中使用某种检查？

Answer 1

您可以在调用 bootstrap tooltip 上的 init 之前检查触摸事件。这将允许您为大多数触摸设备禁用 tooltip 功能，而不仅仅是像手机这样的较小屏幕尺寸的触摸设备。

if(!('ontouchstart' in window))
{
  $('#example').tooltip(options); // <-- Example code from Bootstrap docs
}