制作滑块，jquery在if（）内部不起作用

Question

大家好我有把css值改成xy的问题; 我正在尝试制作滑块，滑块工作，但是当我需要更改边距值以从最后一张图片移动到第一张图片时没有任何变化，边缘值只会增加，我试图通过在if语句中放置警报来调试它并且它提醒了我，但是css保证金价值没有变化。当我把

$("#slideshow .slides").css({'margin-left':'0px'});

在控制台中它会改变它应该的值。 你能帮助我吗，我不明白为什么它不起作用。 ps有没有办法调试js？

JS

 $(document).ready(function()
    {   
    var numOfPic=$('.slides li').length;    
    var cnt=0;

        $("#arrows .left_arrow").click(function(){
        $("#slideshow .slides").animate({
                'margin-left': '-=1200px'});
                cnt++;
            if(cnt>=numOfPic)
            {
                $("#slideshow .slides").css({
                'margin-left':'0px'});
            }
        });

CSS

    #slideshow .slides
{
    display:block;
    width:7200px;
    height:675px;
    margin-left:0px;
    padding:0;
}

    #slideshow .slide
{
    float:left;
    list-style-type:none;
    width:1200px;
    height:675px;
}