jquery 无法在移动版 Safari 中更改工具提示位置

Question

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

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

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

这里是 fiddle：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)