idがv1、v2、v3、v4の4つのdiv部分を含むJSPページがあります。すべてのdiv部分には、タブビューでいくつかの内容が含まれています。私のシングルページには、それぞれのテーブルにいくつかの内容のある4つのタブがあります。あるタブから別のタブに移動しようとしたとき、私は技術 "pageurl＃tab_id"を使用しています。しかし、この場合は機能しません。フォームの1つのタブを別のタブに移動する代わりにリンクをクリックすると、少し下に移動しています。括弧内タブビューのページで、あるタブから別のタブに移動するにはどうすればよいですか？
実施例here
特定タブのアンカーです。 URLを使用してページを更新すると、適切なTABが自動的に開きます。それがあなたを助けたかどうか私に教えてください。スタックオーバーフローへ
<!DOCTYPE html>
<html >
\t <head>
\t \t <meta charset="UTF-8">
\t \t <title>Bootstrap tab panel examples</title>
\t \t <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
\t \t <style type="text/css">
\t \t \t body {
\t \t \t \t padding : 10px;
\t \t \t }
\t \t \t #exTab1 .tab-content {
\t \t \t \t color : white;
\t \t \t \t background-color: #428bca;
\t \t \t \t padding : 5px 15px;
\t \t \t }
\t \t \t #exTab2 h3 {
\t \t \t \t color : white;
\t \t \t \t background-color: #428bca;
\t \t \t \t padding : 5px 15px;
\t \t \t }
\t \t \t /* remove border radius for the tab */
\t \t \t #exTab1 .nav-pills > li > a {
\t \t \t border-radius: 0;
\t \t \t }
\t \t \t /* change border radius for the tab , apply corners on top*/
\t \t \t #exTab3 .nav-pills > li > a {
\t \t \t \t border-radius: 4px 4px 0 0 ;
\t \t \t }
\t \t \t #exTab3 .tab-content {
\t \t \t \t color : white;
\t \t \t \t background-color: #428bca;
\t \t \t \t padding : 5px 15px;
\t \t \t }
\t \t </style>
\t </head>
\t <body>
\t \t <div class="container"><h1>Bootstrap tab panel example (using nav-pills) </h1></div>
\t \t <div id="exTab1" class="container"> \t
\t \t \t <ul class="nav nav-pills">
\t \t \t \t <li class="active">
\t \t \t <a href="#1a" data-toggle="tab">Overview (#1a)</a>
\t \t \t \t </li>
\t \t \t \t <li>
\t \t \t \t \t <a href="#2a" data-toggle="tab">Using nav-pills (#2a)</a>
\t \t \t \t </li>
\t \t \t \t <li>
\t \t \t \t \t <a href="#3a" data-toggle="tab">Applying clearfix (#3a)</a>
\t \t \t \t </li>
\t \t \t \t <li>
\t \t \t \t \t <a href="#4a" data-toggle="tab">Background color (#4a)</a>
\t \t \t \t </li>
\t \t \t </ul>
\t \t \t <div class="tab-content clearfix">
\t \t \t \t <div class="tab-pane active" id="1a">
\t \t \t <h3>Content's background color is the same for the tab</h3>
\t \t \t \t </div>
\t \t \t \t <div class="tab-pane" id="2a">
\t \t \t <h3>We use the class nav-pills instead of nav-tabs which automatically creates a background color for the tab</h3>
\t \t \t \t </div>
\t \t <div class="tab-pane" id="3a">
\t \t \t <h3>We applied clearfix to the tab-content to rid of the gap between the tab and the content</h3>
\t \t \t \t </div>
\t \t <div class="tab-pane" id="4a">
\t \t \t <h3>We use css to change the background color of the content to be equal to the tab</h3>
\t \t \t \t </div>
\t \t \t </div>
\t \t </div>
\t \t <hr></hr>
\t \t <div class="container"><h2>Example tab 2 (using standard nav-tabs)</h2></div>
\t \t <div id="exTab2" class="container"> \t
\t \t \t <ul class="nav nav-tabs">
\t \t \t \t <li class="active">
\t \t \t <a href="#1" data-toggle="tab">Overview (#1)</a>
\t \t \t \t </li>
\t \t \t \t <li>
\t \t \t \t \t <a href="#2" data-toggle="tab">Without clearfix (#2)</a>
\t \t \t \t </li>
\t \t \t \t <li>
\t \t \t \t \t <a href="#3" data-toggle="tab">Solution (#3)</a>
\t \t \t \t </li>
\t \t \t </ul>
\t \t \t <div class="tab-content ">
\t \t \t \t <div class="tab-pane active" id="1">
\t \t \t <h3>Standard tab panel created on bootstrap using nav-tabs</h3>
\t \t \t \t </div>
\t \t \t \t <div class="tab-pane" id="2">
\t \t \t \t \t <h3>Notice the gap between the content and tab after applying a background color</h3>
\t \t \t \t </div>
\t \t \t \t <div class="tab-pane" id="3">
\t \t \t \t \t <h3>add clearfix to tab-content (see the css)</h3>
\t \t \t \t </div>
\t \t \t </div>
\t \t </div>
\t \t <hr></hr>
\t \t <div class="container"><h2>Example 3 </h2></div>
\t \t <div id="exTab3" class="container"> \t
\t \t \t <ul class="nav nav-pills">
\t \t \t \t <li class="active">
\t \t \t <a href="#1b" data-toggle="tab">Overview (#1b)</a>
\t \t \t \t </li>
\t \t \t \t <li>
\t \t \t \t \t <a href="#2b" data-toggle="tab">Using nav-pills (#2b)</a>
\t \t \t \t </li>
\t \t \t \t <li>
\t \t \t \t \t <a href="#3b" data-toggle="tab">Applying clearfix (#3b)</a>
\t \t \t \t </li>
\t \t \t \t <li>
\t \t \t \t \t <a href="#4a" data-toggle="tab">Background color (#4b)</a>
\t \t \t \t </li>
\t \t \t </ul>
\t \t \t <div class="tab-content clearfix">
\t \t \t \t <div class="tab-pane active" id="1b">
\t \t \t \t \t <h3>Same as example 1 but we have now styled the tab's corner</h3>
\t \t \t \t </div>
\t \t \t \t <div class="tab-pane" id="2b">
\t \t \t \t \t <h3>We use the class nav-pills instead of nav-tabs which automatically creates a background color for the tab</h3>
\t \t \t \t </div>
\t \t \t \t <div class="tab-pane" id="3b">
\t \t \t \t \t <h3>We applied clearfix to the tab-content to rid of the gap between the tab and the content</h3>
\t \t \t \t </div>
\t \t \t \t <div class="tab-pane" id="4b">
\t \t \t \t \t <h3>We use css to change the background color of the content to be equal to the tab</h3>
\t \t \t \t </div>
\t \t \t </div>
\t \t </div>
\t \t <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
\t \t <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
\t <script>
\t \t \t $(document).ready(function() {
\t \t \t \t if (window.location.hash != "") {
\t \t \t \t \t $('a[href="' + window.location.hash + '"]').click()
\t \t \t \t }
\t \t \t });
\t \t </script>
\t </body>
</html>
ようこそ！試したことと何が間違っているのかについて、[最小限の、完全で検証可能な例]（http://stackoverflow.com/help/mcve）を提供してください。 –