僅在支持觸摸事件時才使用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'
    });
}