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

时间:2010-09-23 08:11:32

标签: javascript jquery jquery-plugins tooltip

我正试图让工具提示在鼠标悬停时保持可见状态。它在第一次鼠标悬停时有效。但尝试鼠标移除,然后鼠标悬停在另一个链接上并将鼠标悬停在该工具提示上。它会褪色。

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

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

3 个答案:

答案 0 :(得分:2)

我知道这是一个老问题,但您可以通过

更改delayOut选项

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

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

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

答案 1 :(得分:2)

对你而言,对于可能降落在这里的其他人来说,已经很晚了。使用version from github。然后,对于插件的title参数,使用此回调函数

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

答案 2 :(得分:0)

试试这个

<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标签设置标题,而不是在我的Fire Fox中使用的JS。