jQuery UI.Layout : How to delay pane opening

Question

我正在使用 UI.Layout，尝试创建类似于 ExtJs 布局的行为:在关闭/打开水平 Pane 时，调整器应隐藏并以幻灯片效果重新出现。

这对于关闭 Pane 很容易，因为效果出现在 onclose 事件之后，但我在打开 Pane 时应用相同的行为时遇到了严重的困难。

由于无论在缩放器上应用的效果如何，onopen 事件都会触发，因此我找不到延迟 Pane 打开直到缩放器幻灯片完成的方法。

相关代码如下:

outerLayout = $('#outer-layout').layout({
    west : {
        // ...
        onclose_start : function() {
            hideResizer('west');
        },
        onclose_end : function() {
            styleResizer('west');
            showResizer('west');
            animateResizerOnClose('west');
        },
        onopen_start : animateWestResizerOnOpen
    }
    // ...
});

function animateWestResizerOnOpen() {
    $(this).parent().delay(1400).queue(function() {
        $('#outer-layout').layout().open('west');
    }).hide('slide', 300);
}

这里出了什么问题？

Answer 1

有点解决方法，但效果很好:

由于似乎无法干扰 Pane 调整器的 fx 队列，并且 setTimeout() 不会提供任何帮助，无论如何都会触发事件，所以我使用回避了问题 Pane 打开效果缓动的曲线更陡。这允许 Pane 以相对较慢的启动速度打开，并且调整大小后退幻灯片显示。