jQuery .css无法在if语句中与margin-left一起使用

Question

我正在构建图像滑块，一旦到达最后一张幻灯片，就应该重置。但是，由于某些原因，“重置”行不起作用。我可以使用JQuery在if语句外部设置margin-left属性，但在其内部不起作用。我敢肯定我只是想念它，但我已经尝试调试了几个小时了。

var $sliderContainer = jQuery('.sliderContainer');

if ($sliderContainer) {
  var $slides = $sliderContainer.find('.slides');

  // Configs
  var currentSlide = 1;
  var width = 198.2;
  var animationSpeed = 800;

  function sliderReset() {
    if (currentSlide === 12) {
      $slides.css('margin-left', 0);
      currentSlide = 1;
      console.log(currentSlide);
    };
  };
};

$leftArrow.bind('click', function() {
          currentSlide--;
          $slides.animate({ 'margin-left': '+=' + width },animationSpeed);
          console.log(currentSlide);
          setTimeout(function(){
            sliderReset();
          }, 200)
      });

  $rightArrow.bind('click', function() {
      currentSlide++;
      $slides.animate({ 'margin-left': '-=' + width },animationSpeed);
      console.log(currentSlide);
      setTimeout(function(){
        sliderReset();
      }, 200)
  });
};