Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink

by

Here is my solution to the problem, a bit late perhaps. But it could maybe help others:

// Javascript to enable link to tab
var hash = location.hash.replace(/^#/, '');  // ^ means starting, meaning only match the first hash
if (hash) {
    $('.nav-tabs a[href="#"https://stackoverflow.com/questions/7862233/+ hash +""]').tab('show');
} 

// Change hash for page-reload
$('.nav-tabs a').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
})

More Related Contents:

  1. Datepicker validation 18 years of age [closed]
  2. Should the Bootstrap media queries be saved in a css file or a js file?
  3. How can you add tooltip to an anchor
  4. Navbar dropdown (collapse) is not working in Bootstrap 5
  5. Launch Bootstrap Modal on Page Load
  6. Changing nav-bar color after scrolling?
  7. Bootstrap navbar Active State not working
  8. Bootstrap close responsive menu “on click”
  9. How to create a sticky navigation bar that becomes fixed to the top after scrolling
  10. Getting Bootstrap’s modal content from another page
  11. How to reset the bootstrap modal when it gets closed and open it fresh again?
  12. Bootstrap 4 navbar not collapsing on large screen
  13. open url in new tab or reuse existing one whenever possible
  14. How to partition input field to appear as separate input fields on screen?
  15. How to create a responsive image that also scales up in Bootstrap 3
  16. How to change active class while click to another link in bootstrap use jquery?
  17. How to enable Bootstrap tooltip on disabled button?
  18. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  19. Bootstrap dropdown closing when clicked
  20. How to build simple tabs with jQuery?
  21. bootstrap popover not showing on top of all elements
  22. How to keep the changes made to DOM by javascript/jquery on page refresh
  23. Onclick reload the div only
  24. Bootstrap Dropdown with Hover
  25. How to resize Twitter Bootstrap modal dynamically based on the content
  26. Knockout + Bootstrap 3 Radio Buttons
  27. Is it possible to have multiple Twitter Bootstrap carousels on one page?
  28. The data-toggle attributes in Twitter Bootstrap
  29. How to add smooth scrolling to Bootstrap’s scroll spy function
  30. Bootstrap Dropdown menu is not working

Leave a Comment