0

我有从 100 到 0 的动画 scaleY（使用 css 钩子添加），它接缝它只是将值设置为 0，当我将其更改为 0.01 或 0.1 时它不起作用，相反方向的动画工作正常。

我有这样的代码：

var back = 'http://upload.wikimedia.org/wikipedia/commons/5/54/Card_back_06.svg';
var front = 'http://jcubic.pl/card_01.svg';

$(function() {
    $('.cards').on('click', '.card', function() {
        var $this = $(this);
        var img = $this.find('img');
        if (!img.is(':animated')) {
            img.css('scaleY', 100).animate({scaleY: 0.1}, function() {
                var file = $this.hasClass('back') ? front : back;
                img.attr('src', file).animate({
                    scaleY: 100
                }, function() {
                    $this.toggleClass('back front');
                });
            });
        }
    });
});

这是jsfiddle（那里有 css 钩子的代码）。

4

1 回答 1

3

尝试设置

.animate({scaleY: "0%"}

http://jsfiddle.net/2mA9V/1/

于 2013-08-08T12:06:10.683 回答