Safari jQuery 动画位置和宽度答案

【问题标题】：Safari jQuery animate position and widthSafari jQuery 动画位置和宽度
【发布时间】：2013-09-30 22:56:18
【问题描述】：

当我点击按钮时，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/

【问题讨论】：

如果您输入了类似 30px 的值，那么您已经在“%”中输入了值，那么只需给出 0 即可。您必须以在样式表中使用的相同方式提供值。

标签： jquery safari jquery-animate

【解决方案1】：

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

left: '0%',

演示

Try before buy

【讨论】：

你忘了谈价格？！ ;)