jquery on tap无法更改移动版Safari

Question

我有一个页面，其中包含一些由mousemove触发的工具提示。在移动设备上，您可以点击适当的位置查看工具提示，但之后无法摆脱它 - 它只是挂在身边。我希望他们能够点击任何地方丢弃它。所以我尝试了这个：

$(document).on('tap',function(){
    $('#tooltip').css("top", -9999);
})

哪个......没什么。我已经尝试了很多这方面的变化，但它让我感到烦恼，因为我觉得这应该有效。我错过了什么？

这是一个小提琴：https://jsfiddle.net/szevtb55/

我想要的行为是：移动用户点击区域以查看工具提示，然后点击任意位置以清除工具提示。

Answer 1

而不是将它移动9999单位，为什么不删除呢？

你可以使用：

.hide();

.remove();

.toggle();

或者您可以为移动设备添加一个小x或关闭按钮，然后执行此操作：

jQuery(".close-button").click(function(){
     jQuery("#tooltip").hide();
});

试试看。这是我能想到的唯一解决方案，希望我能帮助更多

Answer 2

所以这与jquery有关 - 我不知道是什么。无论如何，这有效：

document.addEventListener('touchstart',function(){
    $('#tooltip').css("top", -9999);
},false)