2016-09-22 87 views
0

我正在建立一个滑块,但动画marginLeft不起作用,我不明白为什么。为什么Animate 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

[编辑]:这个例子是从我不而应该努力!

回答

0

发现故障:

变化

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

$currentSlide.find('.slide-content').animate 
相关问题