JQuery Tipsy - второй щелчок на планшетах и ​​смартфонах не работает

Я использую стандартные подсказки в стиле Facebook для jquery. Мой файл.js содержит следующее:

$(function(){
    $('[rel=tipsy]').tipsy({ fade: true, gravity: 'n' });
});

$(document).on('mousedown touchstart', function(e){
if ($('#header .dropdown:visible').length) {
    var container = $('#header .dropdown:visible');
    if (!container.is(e.target) && container.has(e.target).length === 0)     {
        $('#header .dropdown:visible').stop().slideUp('fast').parent().removeClass('active');
    }
}
});

$(document).on('mouseup touchend', function(e){
if ($('.tipsy:visible').length) {
    var container = $('[rel=tipsy]');
    if (!container.is(e.target) && container.has(e.target).length === 0)     {
        $('[rel=tipsy]').each(function(){
            $(this).tipsy('hide');
        });
    }
}
});

Все отлично работает с щелчками мыши. На планшетах и ​​смартфонах у меня проблема с повторными нажатиями на элемент с rel=tipsy. Первый щелчок по элементу показывает подсказку, как и должно быть. Затем второй щелчок в любом месте скрывает эту подсказку. Когда я снова пытаюсь нажать на тот же элемент, ничего не происходит. И это проблема.

У меня есть еще один элемент на странице с rel=tipsy. После того, как я щелкнул по нему и затем скрыл его, мой следующий щелчок по первому элементу с rel = tipsy снова работает, но снова только для первого щелчка по нему.

Подскажите, пожалуйста, где ошибка?

0 ответов

Другие вопросы по тегам