jQuery UI Tabs back button history

by

I just ran into this as well. Its really easy with the jquery address plugin here http://www.asual.com/jquery/address/

The demo for tabs seemed a bit over complicated. I just did this:

$('document').ready(function() {
    // For forward and back
    $.address.change(function(event){
      $("#tabs").tabs( "select" , window.location.hash )
    })

    // when the tab is selected update the url with the hash
    $("#tabs").bind("tabsselect", function(event, ui) { 
      window.location.hash = ui.tab.hash;
    })
});

More Related Contents:

  1. How to disable anchor “jump” when loading a page?
  2. How do I add options to a DropDownList using jQuery?
  3. Bootstrap 3: Keep selected tab on page refresh
  4. How can I keep selected Bootstrap tab on page refresh?
  5. Opening tab with anchor link
  6. How to make Jquery UI Tabs scroll horizontally if there are too many tabs
  7. jQuery animate scroll
  8. changing location.hash with jquery ui tabs
  9. Selecting a jQuery Tab using a parameter in the URL
  10. jQuery: keyup for TAB-key?
  11. jQuery Adding new option to select element doesn't pick up the string [closed]
  12. How can I create a “Please Wait, Loading…” animation using jQuery?
  13. Serialize form data to JSON [duplicate]
  14. Difference between $(window).load() and $(document).ready() functions
  15. Click outside menu to close in jquery
  16. Invoking a jQuery function after .each() has completed
  17. Find html element which id starts with
  18. Mobile Safari bug on fixed positioned button after scrollTop programmatically changed…?
  19. Programmatically create select list
  20. calculate the number of html checkbox checked using jquery
  21. Check, using jQuery, if an element is ‘display:none’ or block on click
  22. Get all elements without child node in jQuery
  23. JQuery: Selecting dynamically created elements and pushing to Firebase
  24. How to pass values arguments to modal.show() function in Bootstrap
  25. How to simplify my statefull interlaced modal dialogs in ASP.NET MVC
  26. JQuery.validate – one rule on blur only; the rest should be normal?
  27. While variable is not defined – wait
  28. Get the selected option id with jQuery
  29. jQuery css gradient
  30. What happens when no response is received for a request? I’m seeing retries

Leave a Comment