Search jQuery

jQuery Forum

how to keep tabs menu back to default state

in Using jQuery UI • 8 years ago

Greetings friends, I am new to using jQuery and I have a doubt. I've been testing the code of the menu tabs ( http://jqueryui.com/tabs/ ) on my website and I've noticed how much , that if I select the tab page 3 and charge , does not stay in this tab if not default back to the first so my question is how can I avoid this behavior ?, ie if I select any of the tabs and for some reason I refresh the page , the selected Remain tab. according to me , may be with these code but I am not sure how to implement them :

// getter
var active = $ (" .Selector " ) .tabs ( "option" , "active ");
// setter
$ (" .Selector " ) .tabs ( "Option" , "active ", 1) ;

Replies(7)

mike_laird

Re: how to keep tabs menu back to default state

8 years ago

I'm having trouble understanding the behavior you want, but here goes.
If you want a certain tab to open on page load do something like

  $(function() {
    $( "#tabs" ).tabs({
      active: 1  //opens the 2d tab, since its a 0 based count
    });

If you want the last tab the user visited to open on the next time she visits the site (refresh / page load), then you need to store that tab number (use the getter code) in a cookie and re-write the above code to get that tab number from the cookie.

fiprojects

Re: how to keep tabs menu back to default state

8 years ago

The words "when I refresh the page" caught my eye...

If you refresh the page, you set everything back to the begining again - similar to loading the page for the first time. Unless you play around with cookies, the state of your page will not be retained.

The idea of jquery and jqueryui is to "play" with the existing page that is loaded into the browser. The design of the page is stored, and using jQuery with jQueryUI you "question" the values and have the option to change them. Refreshing the page is in effect, restarting your exercise...

I hope this helps you...

jakecigar

Re: how to keep tabs menu back to default state

8 years ago

Simple tabs add a hashtag for the ids you visit. You just need to check the hashtag and set the proper tab active, when you load/realosd.

somewhere.com/someare.html#tab-1 should open tab 1.

JΛ̊KE

xv0102

Re: Re: how to keep tabs menu back to default state

8 years ago

after many attempts and several hours of investigating I found what I wanted and as resolved with this:

$(function() {
$( "#tabs" ).tabs();
$("#tabs ul li a").click(function () {location.hash = $(this).attr("href");});
});

with this the problem that if I choose a tab and then apply the product stays the same is arranged , but what I noticed was something interesting because and I click on the back button of the browser, in theory should of show the last page ( button pressed ) to visit but it does not shows me only change the values of the tab ( #tab ) . I guess even that you can not fix everything , hehehehe . many thanks for the help given companions.

jakecigar