jquery - 将 jQuery UI 从 1.8.6 升级到 1.10.3 选项卡选择替代方案？

Question

升级..并尝试找到一种方法来查找何时选择选项卡，以便我可以在选择选项卡时进行前/后数据渲染。但是我遇到了障碍..

原始处理方式

$(document).ready(function() {
    $("#storage").bind('tabsselect', function(event, ui)
    {
        if (ui.index === 1)
        {
            //run some code here
        }
        if (ui.index === 2)
        {
            //run some other code here.. 
        }
    });
});

试图从我从文档和谷歌搜索中收集的内容中拼凑出类似的东西..

$(document).ready(function() {
        var doTabAction = function(e, tab)
        {
            console.log(tab.newTab.index());
        }
        $("#storage").tabs({
            beforeActivate: doTabAction
        });
});

似乎从 1.9 开始的问题已tabsselect被删除。更改为“active”或“beforeActive”，其中似乎对我不起作用..或者它可能，但不是我期望的方式。所以我希望有人会知道这个答案或者可以帮助我解决这个问题

Answer 1

使用激活事件

$(document).ready(function () {
    $("#storage").tabs().on('tabsactivate', function (event, ui) {
        var index = ui.newTab.index();
        console.log('index', index)
        if (index == 0) {
            console.log('first')
        } else if (index == 1) {
            console.log('second')
        }
    });
});

演示：小提琴