jquery - Safari jQuery 动画位置和宽度

Question

当我点击按钮时，div 应该改变它的宽度和位置。一切都在所有浏览器上完美运行，除了 Safari。在safari中，动画并不流畅，先向左走，然后改变宽度。

$(document).ready(function () {
        $('.button').click(function() {

            $('#cosmos').find('#earth').animate({
                width: '400px',
                left: 0,
                opacity: 0
            }, {
                duration: 400,
                queue: true
            });
        });
    });

JSFiddle 演示：http: //jsfiddle.net/EesLm/

Answer 1

这似乎是 Safari 的一些奇怪行为，但添加该单元将解决它：

left: '0%',

演示

先试后买