課程
/前端開(kāi)發(fā)
/Bootstrap
/基于bootstrap的網(wǎng)頁(yè)開(kāi)發(fā)
菜單定位時(shí)只能跳轉(zhuǎn)到chrome第一個(gè)頁(yè)面,其他的不能是什么情況?
2016-02-13
源自:基于bootstrap的網(wǎng)頁(yè)開(kāi)發(fā) 3-11
正在回答
$("#tab-list a[href = '"+href+" ']").tab('show');
改成
$("#tab-list a[href = '#"+href+" ']").tab('show');
Rainy_man
我也有這樣的問(wèn)題
我也是菜單定位時(shí)只能跳轉(zhuǎn)到chrome第一個(gè)頁(yè)面,其他的不能
js代碼也寫(xiě)了
<script src="js/jquery-1.11.1.js"></script><script src="js/bootstrap.js"></script><script> ? ?$(document).ready(function(){ ? ? ? ?$("#demo-navbar .dropdown-menu a").click(function(){ ? ? ? ? ? ?var href = $(this).attr('href'); ? ? ? ? ? ?$("#tab-list a[href = '"+href+" ']").tab('show'); ? ? ? ?}); ? ?});</script>
ID也加了:
<div class="navbar-header"> ? ?<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#demo-navbar" > ? ? ? ?<span class="sr-only">Toggle navigation</span> ? ? ? ?<span class="icon-bar"></span> ? ? ? ?<span class="icon-bar"></span> ? ? ? ?<span class="icon-bar"></span> ? ?</button> ? ?<a class="navbar-brand" href="#">現(xiàn)代瀏覽器博物館</a></div>
<div class="collapse navbar-collapse" id="#demo-navbar"> ? ?<ul class="nav navbar-nav"> ? ? ? ?<li class="active"><a href="#">綜述 <span class="sr-only">(current)</span></a></li> ? ? ? ?<li><a href="#">簡(jiǎn)述</a></li> ? ? ? ?<li class="dropdown"> ? ? ? ? ? ?<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">特點(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">Opera</a></li> ? ? ? ? ? ? ? ?<li><a href="#tab-opera">Safari</a></li> ? ? ? ? ? ? ? ?<li><a href="#tab-ie">IE</a></li> ? ? ? ? ? ?</ul> ? ? ? ?</li> ? ? ? ?<li><a href="#">關(guān)于</a></li> ? ?</ul></div>
<!-- Nav tabs --><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>
沒(méi)有寫(xiě)js代碼吧 ?寫(xiě)上標(biāo)簽頁(yè)的js代碼互相切換即可
舉報(bào)
Bootstrap框架的基礎(chǔ)教程,學(xué)會(huì)用Bootstrap前端框架搭建網(wǎng)頁(yè)
4 回答點(diǎn)擊下拉菜單 只有第一個(gè)跳轉(zhuǎn)(chrome firefox safari) 只有點(diǎn)擊chrome跳轉(zhuǎn),其他都不跳轉(zhuǎn)。
5 回答關(guān)于菜單定位只能定位第一個(gè)標(biāo)簽頁(yè),其他標(biāo)簽頁(yè)無(wú)法定位的問(wèn)題
2 回答點(diǎn)擊chrome 能跳轉(zhuǎn)到標(biāo)簽頁(yè)那里,其他不跳轉(zhuǎn)是什么原因?
2 回答視頻里的菜單定位代碼能實(shí)現(xiàn)菜單定位 但是不能定位到tablist 而是定位到tabcontent的位置
1 回答點(diǎn)擊第一個(gè)Chrome可以跳轉(zhuǎn),后面的不行,怎么回事
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-04-29
$("#tab-list a[href = '"+href+" ']").tab('show');
改成
$("#tab-list a[href = '#"+href+" ']").tab('show');
2016-07-08
我也有這樣的問(wèn)題
2016-06-04
我也是菜單定位時(shí)只能跳轉(zhuǎn)到chrome第一個(gè)頁(yè)面,其他的不能
js代碼也寫(xiě)了
<script src="js/jquery-1.11.1.js"></script>
<script src="js/bootstrap.js"></script>
<script>
? ?$(document).ready(function(){
? ? ? ?$("#demo-navbar .dropdown-menu a").click(function(){
? ? ? ? ? ?var href = $(this).attr('href');
? ? ? ? ? ?$("#tab-list a[href = '"+href+" ']").tab('show');
? ? ? ?});
? ?});
</script>
ID也加了:
<div class="navbar-header">
? ?<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#demo-navbar" >
? ? ? ?<span class="sr-only">Toggle navigation</span>
? ? ? ?<span class="icon-bar"></span>
? ? ? ?<span class="icon-bar"></span>
? ? ? ?<span class="icon-bar"></span>
? ?</button>
? ?<a class="navbar-brand" href="#">現(xiàn)代瀏覽器博物館</a>
</div>
<div class="collapse navbar-collapse" id="#demo-navbar">
? ?<ul class="nav navbar-nav">
? ? ? ?<li class="active"><a href="#">綜述 <span class="sr-only">(current)</span></a></li>
? ? ? ?<li><a href="#">簡(jiǎn)述</a></li>
? ? ? ?<li class="dropdown">
? ? ? ? ? ?<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">特點(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">Opera</a></li>
? ? ? ? ? ? ? ?<li><a href="#tab-opera">Safari</a></li>
? ? ? ? ? ? ? ?<li><a href="#tab-ie">IE</a></li>
? ? ? ? ? ?</ul>
? ? ? ?</li>
? ? ? ?<li><a href="#">關(guān)于</a></li>
? ?</ul>
</div>
<!-- Nav tabs -->
<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>
2016-02-15
沒(méi)有寫(xiě)js代碼吧 ?寫(xiě)上標(biāo)簽頁(yè)的js代碼互相切換即可