创建人工回调函数以启用对 Jquery 中 .addclass 和 .css 的回调?
我在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
只需使用
setTimeout
; jQuery 无法判断内置浏览器动画是否已完成:这样做的缺点是您必须在两个地方设置动画时间。
Just use
setTimeout
; jQuery has no way of telling whether an inbuilt browser animation has completed:The downside of this is that you have to set the time for the animation in two places.
另一种可能性是 syropia.net/journal/css3-transition-callbacks-in-jquery
=D
Another possibilite is syropia.net/journal/css3-transition-callbacks-in-jquery
=D