0

条件文は私にとってはうまくいかないようです。スタックされた画像のセットを使用して、選択されている画像のzIndexに基づいてzIndexを変更しようとしています。したがって、前面にいくつかの画像を呼び出すためのボタンがいくつかある場合：

（デフォルトで最初の画像から始めて、2番目の画像を選択していると仮定します）

<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番目の画像を選択してからもう一度選択すると、スクリプトが実行されることです。なぜそれが重要なのか疑問に思う前に、それだけでなく、視覚的なエラーが発生する原因となっていることもあります。それ以外の場合は、そのままにしておきますが、これが要点です。

4

3 に答える 3

1

次のいずれかを実行できます。

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

また

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

ここにあるのは、jQueryコレクションにぶら下がっているネイティブJavaScriptプロパティのゲッター/セッターですが、それは単にそれがどのように機能するかではありません。

于 2012-04-27T18:57:56.770 に答える
0 
if ( $("#image2").css("z-index") <= 999 ){
      $("#image1").animate({zIndex: 0}, 1, 'linear');
      $("#image2").animate({zIndex: 999}, 1, 'linear'); 
}

これがあなたのために働くことを願っています。

于 2012-04-27T18:49:56.473 に答える
0

これがあなたのために働くかどうか見るためにこれをチェックしてください？http://jsfiddle.net/atfZn/5/

于 2012-04-27T19:27:08.697 に答える