jquery 工具提示 mouseout mouseover

Question

我有個問題。 以下工具提示效果很好，但有一個問題。 當我將鼠標放在右側的 go 時，cursor 比工具提示更快，並且將 hover 它。 這將隱藏並顯示 Cursor 片刻。

http://gabibyte.zxq.net/jquery_tooltips/example.html
// !REMEMBER TO INCLUDE JQUERY IN YOUR PAGE - IF YOU DON'T KNOW HOW, JUST INCLUDE THE LINE OF CODE BELOW IN THE <HEAD>...</HEAD> PART OF YOUR PAGE
/* <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script> */
//----------------------------------------------CONFIGURATION
var offset=15; //Distance between tooltip and cursor
var fadeInSpeed=600; //Speed of the Fade-IN effect in miliseconds
var fadeOutSpeed=200; //Speed of the Fade-OUT effect in miliseconds
var clearQueue = true; //If set to false, if you hover over many elements fast, the events will stack up
var gotoEnd= true; //If set to false, if you hover over many elements fast, the events will stack up
//---------------------------------------------GLOBAL VARIABLES
var mouseX,mouseY; 
$(document).ready(function(){
//-----------------------------------------------MOUSE EVENTS
  $(document).mousemove(function(e){
     mouseX=e.pageX+offset;
     mouseY=e.pageY;+offset
     $('.floating').css('top',mouseY);
     $('.floating').css('left',mouseX);
  });
//------------------------------------------------HOVER EVENTS
$('.hastooltip').hover(function () {
    var selector ="#"+ $(this).attr('tooltip');
    //alert(selector);
    //$(selector).stop(clearQueue , gotoEnd) 
    $(selector).fadeIn(250,function () {});
},function () {
    var selector ="#"+ $(this).attr('tooltip');
    $(selector).fadeOut(fadeOutSpeed,function () {});

    }
);
});

有什么辦法可以說 onmouseout “如果 hover 工具箱什么都不做 fadeOut”。

Answer 1

使用.mouseout()

http://api.jquery.com/mouseout/

Answer 2

您可以將.setTimeout()用於您希望在 hover 關閉時發生的事情。 然后為您的工具提示設置一個 hover 以取消該超時（使用.clearTimeout() ）。 您可能希望元素和工具提示 hover 關閉/打開（分別）具有相同的 setTimeout/clearTimeout，因此如果有人將鼠標返回到其中任何一個，則不會發生 hover 關閉。

因此，如果您有 2 秒的超時，計時器將在有人懸停時啟動，但只要有人在 2 秒內從元素懸停到工具提示，它就會被取消。

jquery 工具提示 mouseout mouseover

問題描述

2 個解決方案

解決方案1
0 2011-08-11 20:40:25

解決方案2
0 2011-08-11 20:56:27

jquery 工具提示 mouseout mouseover

問題描述

2 個解決方案

解決方案1 0 2011-08-11 20:40:25

解決方案2 0 2011-08-11 20:56:27

解決方案1
0 2011-08-11 20:40:25

解決方案2
0 2011-08-11 20:56:27