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 снова работает, но снова только для первого щелчка по нему.
Подскажите, пожалуйста, где ошибка?