jQuery .animate({ 'width' : 'show' }) 在 Chrome/Safari 中无法正常工作？

【问题标题】：jQuery .animate({ 'width' : 'show' }) doesn't work properly in Chrome/Safari?jQuery .animate({ 'width' : 'show' }) 在 Chrome/Safari 中无法正常工作？
【发布时间】：2011-11-09 17:20:28
【问题描述】：

这段代码适用于 Firefox 和 IE：

$('input').click(function() {       
    $(group).animate({
        'width' : 'show'
    }, 2000, "easeInOutCirc");

});

但是，在 webkit 浏览器（Chrome 和 Safari）中，它不会。但如果我使用$(group).show();，它适用于所有浏览器。

可能是什么问题？

【问题讨论】：

标签： jquery google-chrome safari webkit jquery-animate

【解决方案1】：

请改一下

'width' : 'show'

到

'width' :  'toggle'

或使用

"opacity": "show"

【讨论】：

'width' : 'toggle' 不起作用。我可以使用 'opacity' : 'show' 但它没有我使用宽度时需要的相同效果。 :|
抱歉不透明度应该是 1 而不是 0 .animate({width: "show", opacity: 1})
让我们continue this discussion in chat

【解决方案2】：

我找到了我的问题的解决方案。出于某种原因，我需要在 jQuery 中设置 css 属性，而不是仅仅通过 .hide() 隐藏 $(group)。所以我所做的就是把这行代码放在开头：

$(group).css("display","none");

而不是

$(group).hide();

现在可以了。无论如何，感谢您的意见！

【讨论】：