可以根据设备屏幕大小关闭引导工具提示吗？

Question

我已在网站上实施了引导工具提示，它们在桌面屏幕上运行良好。但它们对较小的设备证明是有问题的。单击小屏幕设备上的链接而不使用悬停功能只会显示工具提示，而不是单击到链接目标。有没有办法关闭或禁用较小设备的工具提示，可能在jquery代码中使用某种检查？

Answer 1

您可以在bootstrap tooltip上调用init之前检查触摸事件。这样您就可以停用大多数触摸设备的tooltip功能，而不仅仅是屏幕尺寸更小的触控设备，如手机。

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

Answer 2

也许是这样的：

if ( $(window).width() < 780 ){
    $('#element').tooltip('destroy');
}