如何使用jQuery .css获得此if语句？

Question

在我的jQuery代码中（我知道if语句不是jQuery），类“ slider”的CSS属性“ right”不等于30，但是在鼠标按下时“ container”仍在逐渐消失。 ？

我希望它是：如果滑块的类具有等于30像素的“正确” CSS属性，则淡出容器。

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

Answer 1

$('.slider').css({'right':30})返回一个始终为true的数组对象。

您想要if ($('.slider').css('right') == "30px") ...

Answer 2

也许：

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

值的末尾可能有一个单位，例如px 。 不确定。

Answer 3

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