События hover и click на смартфонах.

Всем привет. Возможно, кто-то озадачивался сабжем и знает ответ. Это сэкономит мне кучу времени на пересмотр стековерфлоу...

У меня на сайте есть простенький скрипт, который по hover показывает окошко рядом с курсором. Все работает отлично, если подсказка на тексте - на компе навел - всплыла, на смарте тапнул - всплыла.

Но есть у меня ссылки (на них всплывают картинки от товаров, что по ссылке). Опять же - на компе нет вопросов, там ховер - это ховер, а клик - это клик.

Но вот на смарте... Там явно есть ховер при коротком тапе на элемент. Отлично все всплывает и плавает как оно в проруби. Но при повторном тапе - происходит клик. Все вроде тоже логично и удобно, но!!! При втором тапе даже на ДРУГОМ элементе. Я сначала думал что просто тап должен быть сверхкороткий и я просто не всегда в это время влезаю. Но потом заметил что четко - на странице первый тап - открывает окошко, а второй тап НА ДРУГОМ элементе - открывает картинку и сразу переходит по ссылке...

Причем дальше - ТРЕТИЙ тап опять ховер. То есть тап - открылась картинка, тап на пустом месте - закрылась картинка, тап на любо элеиенте - открылась картинка. А если средний тап пропустить - то последний будет с переходом.

ЧЯДНТ? Или это баг такой? Сейчас прямо пробовал на iOS Safariб андроида нет под рукой. Скрипт не совсем мой, но я его сильно допилил (ну там чтобы окно само понимало куда встать, например) может поломал чё:

$(function(){
  $("[data-tooltip]").mousemove(function (eventObject) {
    $data_tooltip = $(this).attr("data-tooltip");
    var winWidth = document.getElementById('tooltip').offsetWidth ? document.getElementById('tooltip').offsetWidth : 300;
    var posX = (document.body.clientWidth - eventObject.pageX) < winWidth ? document.body.clientWidth - winWidth : eventObject.pageX + 5;
    var winHeight = document.getElementById('tooltip').offsetHeight;
    var posY = (document.documentElement.clientHeight - eventObject.clientY) < winHeight ? eventObject.clientY < winHeight ? posY = eventObject.pageY - winHeight / 2 : eventObject.pageY - winHeight : eventObject.pageY + 5;
    $("#tooltip").html($data_tooltip)
    .css({
      "top" : posY,
      "left" : posX
    })
    .show();
  }).mouseout(function () {
    $("#tooltip").hide()
    .html("")
    .css({
      "top" : 0,
      "left" : 0
    });
  });
});