Simple JQuery UI variable pass issue (syntax)

Question

http://jsfiddle.net/danesoul/tSCus/2/ - Here is working example of simple JQuery UI Tabs interface.

Commented string where curent_tab is defined don't work - cause crashing tabs.

Please help me write this syntax correctly.

General idea of code: I need to have in my function MySelect()

variable which keeps index of currently selected tab
variable which keeps index of tab which is being selected when OnSelect event happens.

There is part of more complex solution, which is strongly need these two values for future compare.

Copy of jsfiddle JS code here:

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

Selvakumar Arumugam · Accepted Answer · 2012-05-17 17:57:13Z

1

If i understood correctly you want to get the current tab and clicked tab. Try below code,

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

edited May 17, 2012 at 17:57

answered May 17, 2012 at 17:49

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

DaneSoul Over a year ago

This works perfect, thanks a lot! But I have a question: why do you write clicked_tab = ui.index; string twice? I have commented this string outside MySelect() function and it still works the same.

Selvakumar Arumugam Over a year ago

@DaneSoul Actually you don't have to.. jsfiddle.net/skram/tSCus/5 Updated post.

Collectives™ on Stack Overflow

Simple JQuery UI variable pass issue (syntax)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related