Home >Web Front-end >HTML Tutorial >Refresh the page in bootstrap, and the tab page selection will not change. _html/css_WEB-ITnose
Refresh the page in bootstrap, and the tab page selection will not change. _html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:54:211593browse
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
messages
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Codeforces Round #277(Div. 2)_html/css_WEB-ITnoseNext article：Codeforces Round #277(Div. 2)_html/css_WEB-ITnose