Search code examples
c#jqueryhtmlasp.netjquery-tabs

Is there a way to keep a jQuery selected tab, after the page is refreshed?


I have a screen that uses jQuery tabs and was wondering if somehow I can keep the selected tab after a refresh of the page (JS .reload();)?

Any guidance appreciated.


Solution

  • https://github.com/carhartl/jquery-cookie

    or

    http://code.google.com/p/cookies/downloads/detail?name=jquery.cookies.2.2.0.js.zip&can=2&q=

    Example for jquery.cookies.2.2.0.js

    $(document).ready(function () {
       var initialTabIndex = 0;
       var jCookies = jQuery.cookies;
    
       //alert('getting ' + jCookies.get("currentTab"));
    
       if(jCookies.get("currentTab") != null){
          initialTabIndex = jCookies.get("currentTab");
       }
    
       $('#tabs').tabs({
          activate : function(e, ui) {
             //alert('setting ' + ui.newTab.index());
             jCookies.set("currentTab", ui.newTab.index().toString());
          },
          active : initialTabIndex
       });
    });