Question

这是我的小提琴：http://jsfiddle.net/trickitty/sw4k090f/1/。

current.addClass("before")
          .removeClass("active")
          .prev("li")
          .addClass("active")     
          .one('webkitAnimationEnd oanimationend msAnimationEnd animationend',
        function (e) {
            $(this).removeClass('before');
        });

新号码将来自后端，必须通过翻转更改计数器。所以有两个翻转ul-s，一个用于数字的每个数字。在每个ul中有两个li-s，一个用于旧数字，一个用于新数字。新的一个加载在后面的li中，所以我们一开始不会看到它。这个想法是使用翻转动画，后面的/新的li变得可见，我正在做的是添加/删除前一个类，它改变了z-index。不过，我无法弄清楚如何正确行事。也许我错过了一些基本的东西......

原始代码是在ademilter编写的codepen中，但此时我不能使用两个以上的链接。

我在这里复制了它：http://jsfiddle.net/trickitty/a4mch0x2/并且翻盖不起作用，我不知道为什么。

我的问题是我的代码有多么错误以及为什么小提琴不能用于原始复制的代码？

翻转时钟样机动画jquery css

0 个答案: