Twitter Bootstrap – Tabs – URL doesn’t change

by

Try this code. It adds tab href to url + opens tab based on hash on page load:

$(function(){
  var hash = window.location.hash;
  hash && $('ul.nav a[href="' + hash + '"]').tab('show');

  $('.nav-tabs a').click(function (e) {
    $(this).tab('show');
    var scrollmem = $('body').scrollTop() || $('html').scrollTop();
    window.location.hash = this.hash;
    $('html,body').scrollTop(scrollmem);
  });
});

More Related Contents:

  1. Bootstrap template plugins are free or not [closed]
  2. anchor click doesn’t open the modal
  3. Bind a function to Twitter Bootstrap Modal Close
  4. twitter bootstrap typeahead ajax example
  5. $(window).width() not the same as media query
  6. How to Display Selected Item in Bootstrap Button Dropdown Title
  7. Bootstrap 3 Collapse show state with Chevron icon
  8. How can I keep selected Bootstrap tab on page refresh?
  9. Select2 doesn’t work when embedded in a bootstrap modal
  10. Hide Twitter Bootstrap nav collapse on click
  11. Close Bootstrap Modal
  12. How do I bind Twitter Bootstrap tooltips to dynamically created elements?
  13. Twitter Bootstrap Use collapse.js on table cells [Almost Done]
  14. Changing the position of Bootstrap popovers based on the popover’s X position in relation to window edge?
  15. How to set selected value on select using selectpicker plugin from bootstrap
  16. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  17. Where is the typeahead JavaScript module in Bootstrap 3 RC 1?
  18. Twitter Bootstrap Datepicker within modal window
  19. Use Bootstrap 3 dropdown menu as context menu
  20. Dynamically add a class to Bootstrap’s ‘popover’ container
  21. Bootstrap popover content cannot changed dynamically
  22. How to pass values arguments to modal.show() function in Bootstrap
  23. Bootstrap 4 with remote Modal
  24. Twitter Bootstrap add active class to li
  25. Detect change to selected date with bootstrap-datepicker
  26. Implementing jQuery DatePicker in Bootstrap modal
  27. How to handle the modal closing event in Twitter Bootstrap?
  28. Bootstrap 3.3.6 JQuery 2.2.4 Version Exception
  29. Twitter Bootstrap Carousel cycle items right to left ( RTL ) reversed
  30. how to close a bootstrap modal with the browser back button instead of going back a page?`

Leave a Comment