我有一个关注/取消关注按钮,并使用 jQuery UI 工具提示来显示按钮的标题。单击按钮时,我更改按钮的标题并立即更新工具提示(用户无需将鼠标移开并重新悬停在按钮上),如下所示:
el.title = 'Follow';
$('#follow').tooltip("option", "content", "Follow");
$(this).mouseover();
有没有办法在移动设备上复制这种行为?如果没有,是否有更好的方法来立即更新适用于桌面和移动设备的工具提示内容?
最佳答案
在移动设备上,您可能需要借助触摸事件来实现完全一致性。实际上是模拟移动设备上的“点击”;它是由同一元素上的 touchstart 和 touchend 合成的。 mouseover/in 和 mouseexit/leave/out 事件在触摸设备中无法启动。
我会尝试将上面包含的代码序列不仅附加到点击事件,而且附加到 touchend 事件。
有关触摸事件 API 的更多详细信息,您可以引用 MDN ( https://developer.mozilla.org/en-US/docs/Web/API/Touch_events ); Apple 可能拥有历史最悠久的此类文档 ( https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html )。后一页还包含有关触摸设备如何“推断”一些传统鼠标事件的信息。
关于jquery - 在移动设备上实时更新 JQueryUI Tooltip 的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29934857/