菜单定位时只能跳转到chrome第一个页面,其他的不能是什么情况?

来源:3-11 菜单定位及总结

慕的地9955338

2016-02-13 22:09

菜单定位时只能跳转到chrome第一个页面,其他的不能是什么情况?

写回答 关注

4回答

  • qq_我叫红领巾_2
    2017-04-29 02:09:21

    $("#tab-list a[href = '"+href+" ']").tab('show');

    改成

    $("#tab-list a[href = '#"+href+" ']").tab('show');

    Rainy_...

    我修改了仍旧不行,为什么?

    2017-07-27 18:42:12

    共 1 条回复 >

  • 慕粉3556726
    2016-07-08 18:41:27

    我也有这样的问题


  • goodluck_2016
    2016-06-04 12:14:23

    我也是菜单定位时只能跳转到chrome第一个页面,其他的不能

    js代码也写了

    <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="#">现代浏览器博物馆</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="#">简述</a></li>
           <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">特点 <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="#">关于</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>

  • qq_沫涵_0
    2016-02-15 18:13:15

    没有写js代码吧  写上标签页的js代码互相切换即可

基于bootstrap的网页开发

Bootstrap框架的基础教程,学会用Bootstrap前端框架搭建网页

187669 学习 · 734 问题

查看课程

相似问题