jquery - 在移动设备上实时更新 JQueryUI Tooltip 的内容

标签 jquery jquery-ui jquery-ui-tooltip

我有一个关注/取消关注按钮,并使用 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/

相关文章:

javascript - 自动完成 : how to pass an extra parameter to the response callback

jQuery UI 选项卡 - 将选项卡绑定(bind)到同一页面上的链接

javascript - 突出显示 jQuery 日期选择器中的特定日期

jquery - 定位 jQuery 工具提示

jquery - 工具提示不适用于 JQuery 1.11.2

jquery - 禁用工具提示会删除页面标题

javascript - 编辑(附加?)存储在 jquery 变量中的字符串

javascript - 如何检测 Kendo UI 窗口中哪个按钮触发了事件?

javascript - 帮助使用正则表达式来捕获数字

jquery - Bootstrap 日期选择器选项似乎不起作用(vitalets 的日期选择器)