jQuery中的跳跃动画

时间:2012-11-10 20:23:35

标签: jquery animation smooth-scrolling

我在我的网站上使用此代码:

$(document).ready(function(){

  $('.title').click(function() {
    $('.info').slideUp(800);
    $('.title').removeClass('flip');
    $(this).parent('div').find('.info').slideDown(800);
  });

  $('li.active').closest('.info').slideDown(800);
});

在我在计算机上测试的任何浏览器中,动画非常跳跃。如果我在js-fiddle中检查它,动画非常流畅。发生了什么?

这是js-fiddle-link

1 个答案:

答案 0 :(得分:0)

它在小提琴链接中顺利运行。但是你确定你编码的是你想要发生的吗?你的电话堆叠方式可能会出现问题。

您可能希望在每个动画完成后进行回调,即:。

$( '信息')。效果基本show(800,函数(){

//...do work in here (i.e. remove classes, proceed with other animations/slides);

});