2012-03-17 17 views
1

どうすればこの問題を常に解決できますか?マウスオーバーは一度しか動作しませんが、私はいつも動作するようにしたいと思います。jquery mouseover events

    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'}); 
        }); 
        } 

ありがとうございます!あなたは最上位の1以下のdivが自分の注文を保持しなければならないことをしたいが、場合にあなただけの最上位を取得したい場合

+0

マークアップを含めてすべてをフィドルにすることができます。 – Ryan

+0

3つのdivがあり、それぞれの上にレイヤーを重ねて、その上/左にわずかに露出しているとしましょう。マウスを中央のdivに配置すると、zindexがその下のz-indexよりも高くなります。私は3 +以上の場合でも動作する必要があります。 – Josh

答えて

0

それは明らかではない、あなただけの巨大z-indexとpermutateとヘルパークラスを作成する必要がありますそれあなたのdiv全体に...私はよりよい解決策があるとかなり確信しているが、私は今考えることができますが、このようなものです:あなたがhttp://jsfiddle.net/rJUC6/3/

+0

それはそれをするつもりはありません。しかし、ありがとう。 – Josh

0

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

あなたはここで働い例を見ることができますz-indexを増やすことができます。 (簡潔にするためにコメントを使用して)

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

カレンダーは本当にうまいです –

+0

私は上記のコードにそれを結びつけることができますか?それは大いに感謝します。 – Josh

+0

js fiddleのソリューションを追加しました –