CSS에 대한 Jquery 조건문?

Question

조건문이 작동하지 않는 것 같습니다. 선택한 이미지 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> 

문제가 있다는 것입니다 그것이 작동하는 동안, 그것은 조건이 사실인지 아닌지에 관계없이 작동합니다. 따라서 두 번째 이미지를 선택한 다음 다시 선택하면 스크립트가 실행됩니다. 왜 그런지 궁금해지기 전에, 시각적 인 오류를 일으키는 원인이되는 것보다 더 많은 일이 발생합니다. 그렇지 않으면 ID가 그냥 그대로 두지 만, 이것이 그 요지입니다. 이 당신을 위해 일하는

Answer 1

중 하나

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

또는

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

당신이 여기에있는 것은 기본 자바 스크립트 속성 게터/세터입니다

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/