滑块不起作用 margin-left: 0

Question

我正在学习 jQuery 我在下面做了这个简单的代码来为三张图片制作动画，如幻灯片。问题是当播放最后一张图片时，代码应该返回执行 margin-left 0 并再次开始幻灯片，但它不起作用。

$(function() {

   var width = 809;
   var animationSpeed = 1000;
   var pause = 1000; 
   var currentSlide = 1;

   var $slideContainer = $("#slideshow .slides");
   var $slide = $("#slideshow .slide");


   setInterval(function() {   
   $slideContainer.animate({ 'margin-left': '-='+width }, animationSpeed, function(){
    $("#console").html("Posicao: "+currentSlide);
    currentSlide++;    
    if (currentSlide === $slide.length){
     currentSlide = 1;
     $slideContainer.css('margin-left: ', 0);
    } 
   });
  }, pause); 
  });

  #slideshow {   
   width: 809px;
   height: 449px;
   overflow: hidden;
  }
  #slideshow .slides {
   display: block;
   width: 3236px;
   height: 449px;
   margin: 0;
   padding: 0;
  }
  #slideshow .slide {
   float: left;
   list-style-type: none;
   width: 809px;
   height: 449px;

<div id="slideshow">
<ul class="slides">
 <li class="slide"><img src="teste1.jpg" /></li>
 <li class="slide"><img src="teste2.jpg" /></li>
 <li class="slide"><img src="teste3.jpg" /></li>
 <li class="slide"><img src="teste1.jpg" /></li>
</ul>

</div>

Answer 1

$slideContainer.css('margin-left: ', 0); is incorrect
$slideContainer.css('margin-left', 0); correct

https://api.jquery.com/css/