Question

以下代码确定链接目标是侧边栏或页面的内容，并从中相应地滑动面板。侧板与可见的侧板滑动，左侧滑动，右侧滑入。

页面然而“主要”不是。左侧滑出，新飞机在延迟约300ms后滑入。这不应该发生，因为代码是相同的。任何想法。

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 release announcement，您可能很高兴在发行说明中找到以下内容：

同步动画

在jQuery中你可以拥有多个   动画同时运行   （即使是同一个元素上的多个，   动画不同的属性）。在   1.6我们引入了一个增强功能，确保所有动画都是   同步到相同的计时器间隔。   这有可能创造   之前作为动画的问题可以   变得有点不同步（即使是一个   导致的几毫秒）   略微“关闭”动画。

更流畅的动画

另外jQuery现在正在使用   新的requestAnimationFrame方法   由浏览器提供，以使我们的   动画更加流畅。我们可以用   此功能可避免调用   定时器，而取决于   浏览器提供尽可能好的   动画体验。

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

JQuery Effects幻灯片意外延迟

1 个答案: