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%',

<强>演示

Try before buy