如何使 jQueryUI 工具提示仅适用于焦点答案

【问题标题】：How to make jQueryUI tooltip apply only on focus如何使 jQueryUI 工具提示仅适用于焦点
【发布时间】：2013-02-21 16:30:15
【问题描述】：

如何使新的 JqueryUI 工具提示仅在 focus 上可见：目前它在 focus 和 hover 上。我相信这是从 JqueryUI 1.9 开始

【问题讨论】：

哇，这么简单的问题，但我没有看到一个简单的答案:(

标签： jquery-ui jquery-ui-tooltip

【解决方案1】：

稍微短一点的方式：

$(".selector").tooltip().off("mouseover mouseout");

【讨论】：

+1 这可以满足我的需要，相反，只希望它们在鼠标上，而不是焦点：$(element).tooltip().off("focusin focusout");
答案的附加组件：.off("mouseover mouseout"); 将关闭所有鼠标悬停/移出事件。如果您正在使用它们，它们也将被解除绑定。为确保您只是在工具提示上执行off，请执行以下操作：$(".selector").tooltip(); var tooltipInstanceNamespace = $(".selector").tooltip("instance").eventNamespace; $(".selector").off('mouseover'+tooltipInstanceNamespace' mouseout'+tooltipInstanceNamespace); 这将仅关闭具有该工具提示实例命名空间的侦听器。

【解决方案2】：

这并不理想，但应该可以：

$(".selector").tooltip({
    disabled: true
}).on("focusin", function () {
    $(this)
        .tooltip("enable")
        .tooltip("open");
}).on("focusout", function () {
    $(this)
        .tooltip("close")
        .tooltip("disable");
});

基本上，在focusin 上启用/打开工具提示，在focusout 上禁用/关闭。

示例： http://jsfiddle.net/WmRuN/

【讨论】：

我怀疑需要这样的东西。谢谢。
还有。我没有想到的一个问题是浏览器在悬停时插入标准标题。 :(