How to pass a function to active option of jquery ui tabs?

Question

How to pass a function to jquery ui tabs active option?

I can pass a function to jquery ui tabs activate option like this

activate: function(event, ui){
    localStorage.setItem("#" + $(this).context.id + "-current-index", $(this).tabs('option', 'active'));
}

How to get these value using active option, below code is not working

active: function(event, ui){
    localStorage.getItem("#" + $(this).context.id + "-current-index")
}

Dharman · Accepted Answer · 2022-06-22 19:31:18Z

0

You may want to review the .getItem(). I would suggest the following:

function getData(i){
  return localStorage.getItem(i);
}

Then you can use it like so:

active: function(event, ui){
  ui.newPanel.html(getData("#" + $(this).context.id + "-current-index"));
}

Update

activate( event, ui ) Type: tabsactivate

Triggered after a tab has been activated (after animation completes). If the tabs were previously collapsed, ui.oldTab and ui.oldPanel will be empty jQuery objects. If the tabs are collapsing, ui.newTab and ui.newPanel will be empty jQuery objects.

See More: https://api.jqueryui.com/tabs/#event-activate

ui.newPanel is the jQuery Object that represents "the panel that was just activated." So we can then use .html() on that object.

.html( htmlString )

Description: Set the HTML contents of each element in the set of matched elements.

See More: https://api.jquery.com/html/

edited Jun 22, 2022 at 19:31

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Jan 26, 2020 at 17:53

Twisty

31k2 gold badges30 silver badges50 bronze badges

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

Collectives™ on Stack Overflow

How to pass a function to active option of jquery ui tabs?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related