jquery - 简单的 JQuery UI 变量传递问题（语法）

Question

http://jsfiddle.net/danesoul/tSCus/2/ - 这是简单的 JQuery UI 选项卡界面的工作示例。

定义curent_tab 的注释字符串不起作用 - 导致选项卡崩溃。

请帮助我正确编写此语法。

代码的一般概念：我需要在我的函数 MySelect()

1. 保持当前选定选项卡索引的变量

2. 变量保留在 OnSelect 事件发生时选择的选项卡的索引。

有一部分更复杂的解决方案，强烈需要这两个值以供将来比较。

jsfiddle JS代码的副本在这里：

function MySelect(event, ui){
    var clicked_tab = ui.index //new clicked tab 0-1-2 indexes
    alert(clicked_tab); 
    alert(curent_tab +' / '+ clicked_tab);     
}

$(function() {
    $('#tabs').tabs({
        //var curent_tab = ui.index; //befor new one clicked 0-1-2
        select: function(event, ui) {
            MySelect(event, ui);
        }
     });
});

Answer 1

如果我理解正确，您想获取当前选项卡并单击选项卡。试试下面的代码，

演示

$(function() {
    var current_tab;
    var clicked_tab;

    $('#tabs').tabs({
        show: function(event, ui) {
            current_tab = ui.index;
        },
        select: function(event, ui) {
            clicked_tab = ui.index; //befor new one clicked
            MySelect(event, ui);
        }
    });

    function MySelect(event, ui) {
        //clicked_tab = ui.index //new clicked tab
        alert(current_tab + ' / ' + clicked_tab);
    }
});