JQuery效果滑动意外延迟

Question

下面的代码决定了链接的目标是侧边栏还是页面，并据此滑动面板。侧板的工作方式是一致的，可见的侧板从左边滑出，同时从右边滑进。

页的，但'main'不。在大约300毫秒的延迟后，左边的飞机滑出，新的飞机滑进。这应该不会发生，因为代码是相同的。任何想法。

var panel = $('.sidewrapper:visible');
var panelnext = $('.sidewrapper:visible').next();
var paneltarget = $('.sidewrapper:visible').next().find('.sidescroller').children();
var page = $('.mainwrapper:visible');
var pagenext = $('.mainwrapper:visible').next();
var pagefirst = $('.mainwrapper:visible').first();
var pagetarget = $('.mainwrapper:visible').next().find('.mainscroller').children();
if (target == 'sidebar') {
    $(paneltarget).html(data.sidepanel);
    $(panel).hide('slide', { direction: 'left' }, 300); $(panelnext).show('slide', { direction: 'right' }, 300);
    }
    else if (target == 'page') {
    $(pagefirst).find('.mainscroller').children().html(data.sidepanel);
    $(page).hide('slide', { direction: 'left' }, 300); $(pagefirst).show('slide', { direction: 'right' }, 300);
    }

任何想法,

的

Answer 1

一小时前，我的RSS阅读器中刚刚弹出了jQuery 1.6发布公告，您可能会很高兴在发布说明中发现以下内容:

同步动画

在jQuery中你可以有多个同时运行的动画(同一元素上的偶数倍，动画不同的属性)。在1.6我们引入了一个增强，以确保所有的动画都是同步到相同的定时器间隔。这有可能创造之前的问题，就像动画一样变得稍微不同步(即使是一个几毫秒)导致稍微"关闭"的动画

平滑动画

另外，jQuery现在使用新的requestAnimationFrame方法由浏览器提供，使我们的动画更流畅。我们可以用此功能避免调用定时器，而不是依赖于浏览器提供最好的可能动画经验。

试一试，它可能就是你需要的。