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

Posted 2023-05-08

【中文标题】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();，它适用于所有浏览器。

可能是什么问题？

【参考方案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();

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