为什么我的工具提示在鼠标悬停时不可见？ (jQuery)答案

【问题标题】：Why is my tooltip not remaining visible on mouseover? (jQuery)为什么我的工具提示在鼠标悬停时不可见？ (jQuery)
【发布时间】：2010-09-23 08:11:31
【问题描述】：

我正在尝试让工具提示在鼠标悬停时保持可见。当您第一次将鼠标悬停时，它会起作用。但是尝试将鼠标移出，然后将鼠标悬停在另一个链接上并将鼠标悬停在该工具提示上。它会褪色。

查看 jsFiddle 上的代码。很想知道我在这里做错了什么。

http://jsfiddle.net/6FpM8/7/

【问题讨论】：

不确定你的意思，对我来说似乎工作正常
不，它不工作。他想在悬停时保留工具提示并且它会消失。不只是悬停链接...再试一次。
这对我来说绝对不能正常工作。您是否尝试过将鼠标短暂悬停在一个链接上（不会太长以至于出现工具提示），然后将鼠标悬停在另一个链接上，然后再悬停在工具提示本身上？有时它会消失，有时它不会。我正在使用 Chrome。
是的 .. 它在 Opera 和 Firefox 中都不起作用
@Will，当您编辑说“原始”代码时，您的意思不是原始链接而是在任何修订之前？如果是这样，那根本不是我要问的代码。回滚 ftm。

标签： javascript jquery jquery-plugins tooltip

【解决方案1】：

对你来说有点晚了，但对于其他可能登陆这里的人来说。使用version from github。那么对于插件的title参数使用这个回调函数

$('.tooltip').tipsy({ html:true, delayOut:2000, title: function(){
        $('.tipsy').hide();
        return this.getAttribute('original-title');
    }
});

【讨论】：

你能链接到你正在谈论的插件版本吗？
@Spycho：我从这里得到的 - github.com/jaz303/tipsy/zipball/v1.0.0a。今天早上使用它，它对我有用。

【解决方案2】：

我知道这是一个老问题，但您可以通过任一方式更改 delayOut 选项

$(".id of tooltip").tipsy({delayOut: "length of time" });

或者你可以在tipsy的js中改变它。

或者，您可以更改 js 中的离开功能以满足您的需要。

【讨论】：

感谢您的想法。问题仍然没有解决，不幸的是delayOut 没有做我想做的事。即使您将鼠标悬停在工具提示本身上，我也会尝试保持工具提示。

【解决方案3】：

试试这个

<a class="mylink" id="1" href="#" title="hey" >Test</a>
<a class="mylink" id="2" href="#" title="hey" >Test</a>
<a class="mylink" id="3" href="#" title="hey" >Test</a>

只需通过 html 标签而不是 JS 设置标题，这在我的 Fire Fox 中有效。

【讨论】：

我不确定这是在回答问题。
我只是说在 html 标签中设置标题而不是用你的 javascript 来修复它。它对我来说非常有效。