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

Question

我正在使用 Bootstrap tooltips在我的网站上:

$('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'
    });
}