为什么鼠标悬停时我的工具提示仍然不可见？ （jQuery的）

Question

I'm trying to get a tooltip to remain visible on mouseover. It works when you mouseover the first time. But try to mouseout, then mouseover another link and mouseover that tooltip. It will fade.

Check out the code on jsFiddle. Would love to know what I'm doing wrong here.

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

Answer 1

i know this is an oldish issue, but you could either change the delayOut option via either

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

or you could change it in tipsy's js.

Alternately, you could change the leave function in the js to suit your need.

Answer 2

Little late for you but for others who may land here. Use version from github . Then for title parameter of the plugin use this callback function

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

Answer 3

Try this

<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>

Just set the title via the html tag and not the JS, that worked in my Fire Fox.