Comment puis-je obtenir cette instruction if avec jQuery .css pour fonctionner?

Question

Dans mon code jQuery (je sais que l'instruction if n'est pas jQuery), la propriété CSS "right" pour la classe "slider" n'égale pas 30, et pourtant "container" est toujours éteint sur mousedown .. mal faire? Je veux que ce soit: si la classe de curseur a une propriété CSS "droite" égale à 30 pixels, puis fadeout le conteneur.

$(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

Peut-être:

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

Il pourrait y avoir une unité, comme px à la fin de la valeur là-bas. Pas certain.

Answer 3

$('.slider').css({'right':30}) renvoie un objet tableau qui est toujours vrai.

Vous voulez if ($('.slider').css('right') == "30px") ...