javascript - jQuery 动画没有完成(slideUp/slideDown)

Question

我有一个带有左侧导航的系统的网络界面。在导航上，我可以展开/折叠一些菜单。我使用 jQuery slideUp/slideDown 来为它们设置动画，如下所示:

if (enable)
{
    navbar_slide_down = true;
    $j(l1_folder).slideDown("normal", function() {
        navbar_slide_down = false;

        on_navbar_animation_complete();
    });
}
else
{
    navbar_slide_up = true;
    $j(l1_folder).slideUp("normal", function() {
        navbar_slide_up = false;

        on_navbar_animation_complete();
    });
}

两个动画同时运行以提供类似 Accordion 的效果。这几乎适用于所有情况。

我现在遇到的问题是，在内容框架(与导航不同的框架)中执行一些操作后，slideDown 和 slideUp 功能不再起作用。动画开始，但几乎立即停止，并且永远不会触发回调。这会导致菜单锁定。我只能在 FireFox 3.5.7 中重现这个问题(其他版本似乎没问题)。如果我打开 Firebug，问题就不会发生。

我已经尝试从 jQuery 1.3.2 升级到 1.4.1，但没有成功。

动画会失败而不调用回调有什么原因吗？我如何使用未缩小的 jQuery 对其进行调试？

Answer 1

问题与顺序有关(即:点击这个，然后点击那个，就会发生挂起)。我在第一页找到了问题:

addEvent(window, 'unload', end_page);

并将其更改为:

addEvent(window, 'onbeforeunload', end_page);

我仍然不确定为什么这会影响外部框架(并导致 jQuery 动画中断)，但我最好的猜测是卸载处理程序中的代码在第二页上运行并在某处发生冲突。