Refresh the page in bootstrap, and the tab page selection will not change. _html/css

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

WBOY

Release： 2016-06-24 11:54:21

Original

1568 people have browsed it

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

Home

Profile< ;/a>

;

Settings

home

messages

Related labels：

bootstrap中刷新页面，tab页选中不改变。

source：php.cn

Previous article：Codeforces Round #277(Div. 2)_html/css_WEB-ITnose Next article：Adding iframe to div can realize Ajax function_html/css_WEB-ITnose

Statement of this Website

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