将jQuery UI从1.8.6升级到1.10.3 tabsselect alternative?

时间:2013-10-03 16:57:34

标签: jquery jquery-ui jquery-ui-tabs

升级..并尝试找到一种查找选项卡的方法,这样我就可以在选择选项卡时预先/后期数据呈现。但是我遇到了麻烦......

处理它的原始方式

$(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开始的问题被删除了。改为"活跃"或者" beforeActive"其中似乎不适合我......或者它可能,但不是我期待的方式。所以我希望有人会知道这个答案,或者可以帮助我弄清楚

1 个答案:

答案 0 :(得分:3)

使用activate event

$(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')
        }
    });
});

演示:Fiddle