Javascript IE8导航栏渲染，切换显示

我在我的应用程序中使用引导3

navbar

：

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse">
        <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="#">mapERP</a>
    </div>
    <div class="collapse navbar-collapse navbar-pills" id="navbarCollapse">
        <div class="col-md-3 col-sm-3 pull-left">
        <form class="navbar-form" role="search" id="search-form">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search" name="geo-search" id="geo-search">
                <div class="input-group-btn">
                <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                 </div>
            </div>
        </form>
    </div> 
    <ul class="nav navbar-nav navbar-right clearfix">
        <li><p class="navbar-text" id="userName"style="display:none;"></a></li>
        <li><img class="img-responsive img-circle" id="userImg" src="" style="display:none;"></li>
        <li><a href="#" class="btn btn-default" id="authorize-button">Login</a></li>
    </ul>
   </div>           
  </div>    
 </nav>

---

你的css在哪里。如果不是相对路径，respond.js不会work@Christina我从CDN使用它，但现在我已将其移动到相对路径。您是通过Web服务器提供页面服务，还是在本地查看文件？@TiesonT。我正在通过web服务器使用

localhost

访问它。“在所有CSS之后参考respond.min.js脚本（1kb min/gzip）-也许您需要在respond.js脚本之前移动引导CSS链接？

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if IE]>
        <script type="text/javascript">
            alert("Inside conditional comment");
            window.isIE=true;
        </script>
        <script type="text/javascript" src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script type="text/javascript" src="scripts/lib/respond.min.js"></script>
        <script type="text/javascript" src="scripts/lib/json2.js"></script>
        <script type="text/javascript" src="scripts/lib/Object.keys-polyfill.js"></script>
    <![endif]-->

  <SCRIPT src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></SCRIPT>
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <SCRIPT type=text/javascript>
            alert("Inside conditional comment");
            window.isIE=true;
   </SCRIPT>
   <SCRIPT type=text/javascript src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">   
   </SCRIPT>
   <SCRIPT type=text/javascript src="scripts/lib/respond.min.js"></SCRIPT>
   <SCRIPT type=text/javascript src="scripts/lib/json2.js"></SCRIPT>
   <SCRIPT type=text/javascript src="scripts/lib/Object.keys-polyfill.js"></SCRIPT>
   <LINK rel=stylesheet href="css/bootstrap.min.css">