JQueryUI需要在单击选项卡完成动画和可见后触发事件

Question

我需要能够检测单击JQuery选项卡的时间以及选项卡内容是否完全可见。我已经尝试过激活事件，该事件声明：

  

激活标签后触发（动画完成后）。

但是，在我的测试中，此事件在标签内容可见之前触发。我有一些代码需要在选项卡可见时运行，因为它取决于确定div的高度和宽度。

$( "#tabs" ).tabs({
    activate: function( event, ui ){
        alert("here");
        //do stuff here based on the size of the now visible tab
    }
});

http://jsfiddle.net/aoxemxjk/

在显示标签内容之前显示警告。

我已经尝试过加载事件，但这甚至没有发生。

Answer 1

使用setTimeout

$("#tabs").tabs({
    activate: function(event, ui) {
        setTimeout(function() {
            alert("here");
            //do stuff here based on the size of the now visible tab
        });
    }
});