CSSのためのJquery条件文？

Question

条件文が私のために働いていないようです。選択されているzIndexに基づいてzIndexを変更するために積み重ねられた画像のセットを試しています。私は前にいくつかの画像を呼び出すためにいくつかのボタンが持っているのであれば：

（私たちは、デフォルトでは最初の画像にスタートし、第二の画像を選択していると仮定）

<script> 
$(function() { 
    var z = $("#image2").zIndex; //also tried .css.zIndex; 
    $("#button2").click(function() { 
     if (z != 999) { 
      $("#image1").animate({zIndex: 0}, 1, 'linear'); 
      $("#image2").animate({zIndex: 999}, 1, 'linear'); 
     } else { 
     return false; 
     }; 
    }); 
}); 
</script> 

を問題があることですそれが動作している間、それは条件が真であるかどうかにかかわらず動作します。したがって、2番目のイメージを選択してから再び選択すると、スクリプトが実行されます。なぜそれが問題なのか不思議に思う前に、視覚的なエラーが起きるようになっているだけではなく、もっと進んでいます。そうでなければIDを残すだけですが、これがその要点です。あなたがいずれかを実行することができます

Answer 1

：

$("#image2")[0].style.zIndex // document.getElementById(image2).style.zIndex 

または

$("#image2").css('zIndex'); 

あなたがここに持っていることは、ネイティブのJavaScriptプロパティのゲッター/セッターでありますjQueryのコレクションを掛けているだけで、それはどういう仕組みではありません。

Answer 2

if ($("#image2").css("z-index") <= 999){ 
     $("#image1").animate({zIndex: 0}, 1, 'linear'); 
     $("#image2").animate({zIndex: 999}, 1, 'linear'); 
} 

これはあなたのために働くの希望が...

Answer 3

これをチェックして問題が解決するかどうかを確認します。 http://jsfiddle.net/atfZn/5/