jQuery .css를 사용하여 if 문을 사용하려면 어떻게해야합니까?

Question

내 jQuery 코드 (if 문이 jQuery가 아님)에서 "슬라이더"클래스의 CSS 속성 "right"가 30과 같지 않지만 "컨테이너"가 여전히 mousedown에서 페이드 아웃하고 있습니다. 잘못하고있는거야?

슬라이더 클래스에 "오른쪽"CSS 속성이 30 픽셀 인 경우 해당 컨테이너가 페이드 아웃됩니다.

$(document).ready(function() { 
    $(".slider").mousedown(function() { 
     if ($('.slider') 
      .css({'right':30}) 
     ) { 
     $('.container') 
      .fadeOut('slow'); 
     } 
    }); 
}); 

Answer 1

$(document).ready(function() { 
    $(".slider").mousedown(function() { 
     if ($('.slider').css('right') == 30) { 
      $('.container').fadeOut('slow'); 
     }  
    }); 
}); 

Answer 2

은 미정 :

if($('.slider').css('right') == '30'){ ... } 

이 값의 끝에 px 같은 단위가있을 수 있습니다. 확실하지 않다.

Answer 3

$('.slider').css({'right':30})은 항상 true로 평가되는 배열 객체를 반환합니다. 당신은 if ($('.slider').css('right') == "30px") 원하는

...