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

发布于 2024-12-02 22:38:48 字数 289 浏览 2 评论 0原文

这段代码可以在 Firefox 和 IE 中运行:

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

});

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

可能是什么问题?

This piece of code works in Firefox and IE:

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

});

However, in webkit browsers (Chrome and Safari), it doesn't. But if I use $(group).show();, it works in all browsers.

What could be the problem?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

要走就滚别墨迹 2024-12-09 22:38:48

请将其更改

'width' : 'show'

'width' :  'toggle'

或使用

"opacity": "show"

please change this

'width' : 'show'

to

'width' :  'toggle'

or use

"opacity": "show"
负佳期 2024-12-09 22:38:48

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

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

而不是

$(group).hide();

Now it Works。无论如何,感谢您的投入!

I found the solution to my question. For some reason, I needed to set the css property in jQuery instead of just hiding $(group) via .hide(). So what I did was to put this line of code at the beginning:

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

instead of

$(group).hide();

Now it works. Anyway, thanks for the input!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文