2012-03-17 205 views
1

我怎么能保持这个不断工作。该鼠标悬停只能使用一次,但我希望它随时都可以使用。jquery鼠标事件

    if (!self.options.overlapEventsSeparate) { 
        $(this).bind('mouseover.z-index', function() { 
         var $elem = $(this); 
         $.each(curGroup, function() { 
          $(this).css({'z-index': '1'}); 
         }); 
         $elem.css({'z-index': '3'}); 
        }); 
        } 

谢谢!

+0

你可能想要包括你的标记,并把它放在小提琴中。 – Ryan 2012-03-17 02:41:18

+0

假设有3个div,并且它们彼此重叠,稍微暴露了它的顶部/左侧。如果我将鼠标放在中间div上,我希望zindex高于它下面的z-index。如果我有3+也应该工作。 – Josh 2012-03-17 02:43:30

回答

0

,如果你想,下面的最上面的div应该保留他们的订单,但如果你只是想获得一个最顶层目前尚不清楚,你只需要创建一个辅助类有巨大z-index和重排列它整个的div ...我敢肯定有一个更好的解决办法,但我现在能想到的是这样的:

$("div").on("mouseover",function(){ 
     $(this).siblings(".z-front").removeClass("z-front").end().addClass("z-front"); 
    });​ 

你可以看到这里的工作示例:http://jsfiddle.net/rJUC6/3/

+0

这不会去做。不过谢谢。 – Josh 2012-03-17 03:24:47

0

你可以增加Z指数。

JS(使用简短评论)

//initial 
zIndexVal = 3; 

//mouseover stuff 
//z increases every time (: ensuring no matter where it is it's on top. 
zindexVal++ 
//then set objects z 

情况下,这种效果很好。

喜欢这个:http://jsfiddle.net/QBsde/

+0

日历真的很好。 – 2012-03-17 03:40:34

+0

你能帮我把这段代码加入我上面的代码吗?将不胜感激。 – Josh 2012-03-17 04:04:05

+0

我添加了js小提琴解决方案 – 2012-03-23 21:11:37