Question

非常快的一个给你。所以我想比较2个css样式属性。让我们说边缘左边。如果margin-left小于500px我不想做任何事情，如果它更高我想要再添加500px边距。

对于那些要求这是图片滑块的人...... :)

我已经尝试了

$('.slider-nav .left').click(function(){
        if($('.slide li').css('margin-left') < '500px'){
            // Do Nothing
        } else {
            $('.slide li').animate({'margin-left': '-=500px'}, animationSpeed);


}
    });

我知道这不对，但我无法找到另一种方法。至少有人能指出我正确的方向吗？

Answer 1

你已经拥有的前几行，然后： -

    } 
    else {
        $('.slide li').css('margin-left', '1000px');
    }

Answer 2

你可以“否定”比较运算符直接得到你想要的东西，例如

$('.slider-nav .left').click(function(){
    if($('.slide li').css('margin-left') >= '500px'){
        $('.slide li').animate({'margin-left': '-=500px'}, animationSpeed);
    }
});

比较JQuery中的2个css样式属性

2 个答案: