适用于移动设备的jQuery UI工具提示

Question

我正在使用jQuery UI Tooltip。我的问题在于我将它用于一个元素，它注册了一个onclick事件。一旦我通过iOS iPhone浏览我的Web应用程序，我必须在元素上单击两次以触发onclick事件。因此，第一次单击用于显示工具提示，第二次单击用于实际onclick事件。

是否有可能禁用移动工具提示的解决方案？也许你有另一个想法如何为移动版本处理它，但我不想要求用户必须点击两次。

Answer 1

您可以停用移动设备的工具提示行为。

//if mobile
$(document).tooltip('disable');

Answer 2

这与iOS处理mouseover事件的方式有关。第一次触摸它将触发mouseover事件，第二次触发click事件。请参阅：Apple - handling events: Figure 6-4 One-finger gesture emulating a mouse

您可能会发现这是一个有用的解决方法：

$('.tooltip').on('touchend', function() {
  window.location = $(this).attr('href');
});

在iOS的情况下，链接会立即打开，而工具提示行为仍然是常规鼠标悬停。