仅在支持触摸事件时才使用Bootstrap工具提示吗？

Question

我在网站上使用Bootstrap工具提示 ：

$('body').tooltip({
  selector: '.help, .searchicons li, .user-prefs, .colour'
});

唯一的问题是，当将它们连接到还附加了特定触摸事件的元素时，它们不能在触摸设备上出色地工作。

有没有办法可以在触摸元素上禁用它们？

Answer 1

您可以检测触摸功能，然后仅在未启用触摸的情况下创建工具提示。

var is_touch_device = 'ontouchstart' in document.documentElement;

if (!is_touch_device) {
    $('body').tooltip({
        selector: '.help, .searchicons li, .user-prefs, .colour'
    });
}