比較jQuery中的2個css風格屬性

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

你可以在「否定」的比較操作來獲得你想要的東西直接，e.g。

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

Answer 2

第幾行，你已經有了，那麼： -

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