创建人工回调函数以启用对 Jquery 中 .addclass 和 .css 的回调?

发布于 2024-11-15 15:47:21 字数 384 浏览 4 评论 0原文

我在 Jquery 中使用了 SlideUp/Down 函数来为页面上的 div 制作动画,但它在 iPhone 上运行不佳,因此我决定编写一个等效的 Webkit 来解决性能问题,但您无法将回调应用于 jQuery .css ,或.addclass。

我有这个功能:

$('#collapse').css('height','0');

但我需要伪造一个回调才能使这项工作有效:

$('#collapse').css('height','0', function() {
//do something after
});

有人知道如何做到这一点吗?

Webkit 动画设置为 1 秒。

I have used the slideUp/Down functions in Jquery to animate a div on my page, but it runs poorly on iPhones, so I decided to write a Webkit equivalent to solve the performance problem, but you cannot apply a callback to the jQuery .css, or .addclass.

I have this function:

$('#collapse').css('height','0');

But I need to fake a callback essentially make this work:

$('#collapse').css('height','0', function() {
//do something after
});

Anyone know how to do this?

The Webkit animation is set to 1 sec.

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

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

发布评论

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

评论(2

回忆那么伤 2024-11-22 15:47:21

只需使用setTimeout; jQuery 无法判断内置浏览器动画是否已完成:

$('#collapse').css('height', 0);
setTimeout(function() {
    // code will happen after the timeout has completed
}, 1000); // 1 second

这样做的缺点是您必须在两个地方设置动画时间。

Just use setTimeout; jQuery has no way of telling whether an inbuilt browser animation has completed:

$('#collapse').css('height', 0);
setTimeout(function() {
    // code will happen after the timeout has completed
}, 1000); // 1 second

The downside of this is that you have to set the time for the animation in two places.

零度° 2024-11-22 15:47:21

另一种可能性是 syropia.net/journal/css3-transition-callbacks-in-jquery

=D

Another possibilite is syropia.net/journal/css3-transition-callbacks-in-jquery

=D

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