爲什麼Animate marginLeft不起作用？

Question

我正在建立一個滑塊，但動畫marginLeft不起作用，我不明白爲什麼。

帶有不透明度的淡出效果也不起作用。

$currentSlide.find('.content').animate({ 
    marginLeft: '-100%', 
    opacity: 0 
    }, speed); 

    setTimeout(function() { 
    $currentSlide.removeClass('active'); 
    $nextSlide.addClass('active'); 

    $nextSlide.find('.content').animate({ 
     marginLeft: '0%', 
     opacity: 1 
    }, speed); 
    }, speed); 

在這裏你可以看到兩個幻燈片（$ currentSlide和$ nextSlide），其中第一張幻燈片應與動畫marginLeft -100％，而前人的精力做反之亦然第二幻燈片淡出。

[編輯]對白條

滑動點擊

例子：https://codepen.io/anon/pen/dpNRqQ

[編輯]：這個例子是從我不而應該努力！

Answer 1

發現故障：

變化

$currentSlide.find('.content').animate 

到

$currentSlide.find('.slide-content').animate