2011-02-10 47 views
1

快速一个 -简单的jQuery显示隐藏的问题

我有一个形象的地图,并滑过区域时,我想,以显示相关的区域翻了个身隐藏的div。

如果我使用下面的代码它的工作原理除了这个事实,当你仍然徘徊在选择的区域它一直隐藏,直到那你鼠标移出格 - 即使播放功能,隐藏后?

$(".part-sp").hover(
    function() { 
     $(".map-logo").hide(); 
    }, function() { 
     $(".map-sp").show(); 
    }  
); 

任何想法?

回答

3

我不知道如果我理解正确你的问题,但似乎你困惑的hover()方法。第一个参数应该是在鼠标移到时执行的操作,第二个参数应该是在鼠标移出时执行的操作。因此,过度鼠标显示和鼠标隐藏掉,你的函数应该是这样的:

$(".part-sp").hover(
    function() { 
     $(".map-sp").show(); 
    }, function() { 
     $(".map-sp").hide(); 
    }  
); 
+1

好家伙 - 我想我需要让我的早晨咖啡 - 我一直在寻找在这个周围的错误的方式!谢谢。 – squeaker 2011-02-10 11:37:18

0

即使我有点困惑你的问题。你是否说过,当鼠标移动到Div时,你不希望它永久隐藏?或者它应该淡出,然后淡出?

以及你的代码现在是正确的,@Andy您指定的是这又是正确的另一种方式,但如果你需要的是只是一个淡出淡入的效果,然后使用


$(".part-sp").hover(
    function() { 
     $(".map-sp").fadeOut().fadeIn(); 
    }, 
    function() { 
     $(".map-sp").show(); 
    } 
); 

我不知道,但这可能有帮助。如果你想以另一种方式翻转淡入淡出。