2012-03-17 199 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