Как убрать tooltip (Bootstrap3) на мобильных и тачевых устройствах?

Question

[Igor Roschak]

Подскажите как убрать tooltip (Bootstrap 3) на мобильных и тачевых устройствах?

Answer 1

[Алексей]

Скриптом можно так:

if (!window.matchMedia || (window.matchMedia("(max-width: 767px)").matches)) {
    $("[rel='tooltip']").tooltip();
}

В CSS можно так

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .tooltip {
        display: none !important;
    }
 }

Comments

[Igor Roschak]

С помощью CSS - работает, не знаю почему раньше не проверил, читал что такой способ не фиксит двойное нажатие для перехода по ссылке. Но все ок.

Answer 2

[Александр Плаксенко]

Лучше сделать с помощью ontouchstart. Стилями немного не правильно.

Comments

[Igor Roschak]

Уже увидел баг, нужно с DOM убирать.

[Александр Плаксенко]

Igor Roschak, пишите if который будет работать только на событие мыши, а на ontouchstart не будет работать.
var is_touch_device = 'ontouchstart' in document.documentElement;

if (!is_touch_device) {
$('body').tooltip({
selector: '.help, .searchicons li, .user-prefs, .colour'
});
}
вот на stackoverflow нашел.