javascript - Jquery UI 选项卡是否有 "after collapse"事件？

Question

我可以使用 jquery ui 中的什么事件来识别面板折叠何时完成(在浏览器上)。我需要根据折叠后的屏幕布局进行一些计算。如果我抓取选择或显示甚至回调 - 我会在单击之后但在 UI 更改之前获得屏幕布局。

有人吗？

Answer 1

动画完成后，您可以使用 activate 事件收到通知，如 jQuery UI doc 中所述。 .

If the tabs are collapsing, ui.newTab and ui.newPanel will be empty jQuery objects.

因此，您只需检查 ui.newTab 和 ui.newPanel 的长度即可选择执行或不执行某些操作。

.tabs({
    collapsible: true,
    activate: function(event, ui) {
        if (ui.newTab.length == 0 && ui.newPanel.length == 0) {
            // do something
        }
    }
});

Here is the jsFiddle