Refresh the page in bootstrap, and the tab page selection will not change. _html/css_WEB-ITnose

Just copy my code directly. Pay attention to quoting the corresponding js and css in the same directory.

The key to achieving the tab effect is bootstrap’s data-toggle= tab

< meta charset="UTF-8">



<script><br> <br> $(document).ready( function() {<br> if(location.hash) {<br> $('a[href=' location.hash ']').tab('show');<br> }<br> $(document .body).on("click", "a[data-toggle]", function(event) {<br> location.hash = this.getAttribute("href");<br> });<br> } );<br> $(window).on('popstate', function() {<br> var anchor = location.hash || $("a[data-toggle=tab]").first().attr ("href");<br> $('a[href=' anchor ']').tab('show');<br> });<br> </script>

;
• Home

 
• Profile< ;/a>

                                                        ;Settings