而且第一個(gè)跳轉(zhuǎn)直接是跳轉(zhuǎn)到了圖片位置，而不是標(biāo)簽

下面是部分代碼
<div class="collapse navbar-collapse" id="demo-navbar">
? ?<ul class="nav navbar-nav">
? ? ? ?<li class="active"><a href="#">綜述</a></li>
? ? ? ?<li><a href="#">簡述</a></li>
? ? ? ?<li class="dropdown"> ?<!--下拉菜單-->
? ? ? ? ? ?<a href="#" class="dropdown-toggle" data-toggle="dropdown">特點(diǎn)<span class="caret"></span></a>
? ? ? ? ? ?<ul class="dropdown-menu">
? ? ? ? ? ? ? ?<li><a href="#tab-chrome">Chrome</a></li>
? ? ? ? ? ? ? ?<li><a href="#tab-firefox">Firefox</a></li>
? ? ? ? ? ? ? ?<li><a href="#tab-safari">Safari</a></li>
? ? ? ? ? ? ? ?<li><a href="#tab-opera">Opera</a></li>
? ? ? ? ? ? ? ?<li><a href="#tab-ie">IE</a></li>
? ? ? ? ? ?</ul>
? ? ? ?</li>
? ? ? ?<li><a href="#" data-toggle="modal" data-target="#about">關(guān)于</a></li>
? ?</ul>
</div>

-----------------------

<!--標(biāo)簽-->
<ul class="nav nav-tabs" role="tablist" id="tab-list">
? ?<li class="active"><a href="#tab-chrome" role="tab" data-toggle="tab">Chrome</a></li>
? ?<li><a href="#tab-firefox" role="tab" data-toggle="tab">Firefox</a></li>
? ?<li><a href="#tab-safari" role="tab" data-toggle="tab">Safari</a></li>
? ?<li><a href="#tab-opera" role="tab" data-toggle="tab">Opera</a></li>
? ?<li><a href="#tab-ie" role="tab" data-toggle="tab">IE</a></li>
</ul>
<!--標(biāo)簽頁內(nèi)容-->
<div class="tab-content">
? ?<div class="tab-pane active" id="tab-chrome">
? ? ? ?<div class="row feature">
? ? ? ? ? ?<div class="col-md-7">

? ? ? ? ? ? ? ?<h2 class="feature-heading">Google Chrome <span
? ? ? ? ? ? ? ? ? ? ? ?class="text-muted">使用最廣的瀏覽器</span></h2>

? ? ? ? ? ? ? ?<p class="lead">Google Chrome，又稱Google瀏覽器，是一個(gè)由Google（谷歌）公司開發(fā)的網(wǎng)頁瀏覽器。
? ? ? ? ? ? ? ? ? ?該瀏覽器是基于其他開源軟件所撰寫，包括WebKit，目標(biāo)是提升穩(wěn)定性、速度和安全性，并創(chuàng)造出簡單且有效率的使用者界面。</p>
? ? ? ? ? ?</div>
? ? ? ? ? ?<div class="col-md-5">
? ? ? ? ? ? ? ?<img class="feature-image img-responsive" src="images/chrome-logo.jpg"
? ? ? ? ? ? ? ? ? ? alt="Chrome">
? ? ? ? ? ?</div>
? ? ? ?</div>
? ?</div>
? ?<div class="tab-pane" id="tab-firefox">
? ? ? ?<div class="row feature">
? ? ? ? ? ?<div class="col-md-5">
? ? ? ? ? ? ? ?<img class="feature-image img-responsive" src="images/firefox-logo.jpg"
? ? ? ? ? ? ? ? ? ? alt="Firefox">
? ? ? ? ? ?</div>
? ? ? ? ? ?<div class="col-md-7">

? ? ? ? ? ? ? ?<h2 class="feature-heading">Mozilla Firefox <span class="text-muted">美麗的狐貍</span>
? ? ? ? ? ? ? ?</h2>

? ? ? ? ? ? ? ?<p class="lead">Mozilla Firefox，中文名通常稱為“火狐”或“火狐瀏覽器”，是一個(gè)開源網(wǎng)頁瀏覽器，
? ? ? ? ? ? ? ? ? ?使用Gecko引擎（非ie內(nèi)核），支持多種操作系統(tǒng)如Windows、Mac和linux。</p>
? ? ? ? ? ?</div>
? ? ? ?</div>
? ?</div>
? ?<div class="tab-pane" id="tab-safari">
? ? ? ?<div class="row feature">
? ? ? ? ? ?<div class="col-md-7">

? ? ? ? ? ? ? ?<h2 class="feature-heading">Safari <span class="text-muted">Mac用戶首選</span></h2>

? ? ? ? ? ? ? ?<p class="lead">Safari，是蘋果計(jì)算機(jī)的最新操作系統(tǒng)Mac OS X中的瀏覽器，使用了KDE的KHTML作為瀏覽器的運(yùn)算核心。
? ? ? ? ? ? ? ? ? ?Safari在2003年1月7日首度發(fā)行測(cè)試版，并成為Mac OS X v10.3與之后的默認(rèn)瀏覽器，也是iPhone與IPAD和iPod touch的指定瀏覽器。</p>
? ? ? ? ? ?</div>
? ? ? ? ? ?<div class="col-md-5">
? ? ? ? ? ? ? ?<img class="feature-image img-responsive" src="images/safari-logo.jpg"
? ? ? ? ? ? ? ? ? ? alt="Safari">
? ? ? ? ? ?</div>
? ? ? ?</div>
? ?</div>
? ?<div class="tab-pane" id="tab-opera">
? ? ? ?<div class="row feature">
? ? ? ? ? ?<div class="col-md-5">
? ? ? ? ? ? ? ?<img class="feature-image img-responsive" src="images/opera-logo.jpg"
? ? ? ? ? ? ? ? ? ? alt="Opera">
? ? ? ? ? ?</div>
? ? ? ? ? ?<div class="col-md-7">

? ? ? ? ? ? ? ?<h2 class="feature-heading">Opera <span class="text-muted">小眾但易用</span>
? ? ? ? ? ? ? ?</h2>

? ? ? ? ? ? ? ?<p class="lead">Opera瀏覽器，是一款挪威Opera Software ASA公司制作的支持多頁面標(biāo)簽式瀏覽的網(wǎng)絡(luò)瀏覽器。
? ? ? ? ? ? ? ? ? ?是跨平臺(tái)瀏覽器可以在Windows、Mac和Linux三個(gè)操作系統(tǒng)平臺(tái)上運(yùn)行。.</p>
? ? ? ? ? ?</div>
? ? ? ?</div>
? ?</div>
? ?<div class="tab-pane" id="tab-ie">
? ? ? ?<div class="row feature">
? ? ? ? ? ?<div class="col-md-7">

? ? ? ? ? ? ? ?<h2 class="feature-heading">IE <span class="text-muted">你懂的</span></h2>

? ? ? ? ? ? ? ?<p class="lead">Internet Explorer，原稱Microsoft Internet Explorer(6版本以前)和Windows Internet
? ? ? ? ? ? ? ? ? ?Explorer(7，8，9，10版本)，
? ? ? ? ? ? ? ? ? ?簡稱IE，是美國微軟公司推出的一款網(wǎng)頁瀏覽器。它采用的排版引擎(俗稱內(nèi)核)為Trident。</p>
? ? ? ? ? ?</div>
? ? ? ? ? ?<div class="col-md-5">
? ? ? ? ? ? ? ?<img class="feature-image img-responsive" src="images/ie-logo.jpg"
? ? ? ? ? ? ? ? ? ? alt="IE">
? ? ? ? ? ?</div>
? ? ? ?</div>
? ?</div>
</div>
------------------

<script>
? ?$(document).ready(function(){ ?//頁面加載完畢后執(zhí)行
? ? ? ? $("#demo-navbar .dropdown-menu a").click(function () {
? ? ? ? ? ? var href=$(this).attr("href");

? ? ? ? ? ? $("#tab-list a[href = '#"+href+" ']").tab('show');
? ? ? ? });
? ?});
</script>