简单的JQuery UI变量传递问题(语法)

时间:2012-05-17 17:39:41

标签: jquery jquery-ui variables

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

定义了curent_tab的注释字符串不起作用 - 导致崩溃标签。

请帮我正确编写此语法。

代码的一般概念:我需要在我的函数中使用MySelect()

  1. 保留当前所选标签 索引的变量

  2. 当OnSelect事件发生时,保留 正在选择的标签的索引 的变量。

  3. 有一些更复杂的解决方案,强烈需要这两个值以供将来比较。

    此处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);
            }
         });
    });
    

1 个答案:

答案 0 :(得分:1)

如果我理解正确,您想要获取当前标签并点击标签。试试以下代码,

DEMO

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