Internet Explorer 9. 引导菜单未折叠答案

【问题标题】：Internet Explorer 9. Bootstrap menu not collapsingInternet Explorer 9. 引导菜单未折叠
【发布时间】：2014-01-02 06:31:06
【问题描述】：

当我开始在其他浏览器上测试它时，我已经快用 twitter 引导框架构建了一个网站。它在所有浏览器上的外观和感觉都很棒（如果我自己可以这么说的话......）但是，在 IE9 和可能的 IE8 等上都无法折叠菜单栏以显示子类别。这可能是什么原因，我能做些什么来解决它？这可能是由 JavaScript 引起的吗？

提前感谢您的帮助！

请注意，我在堆栈溢出中查看过类似的问题，但它们大多没有定论。

<!-- Required Parralax JavaScript -->
< script type = "text/javascript"
src = "http://code.jquery.com/jquery-2.0.3.min.js" > < /script>
<script type="text/javascript" src="js / jquery.stellar.min.js "></script>
<script type="text / javascript " src="js / waypoints.js "></script>
<script type="text / javascript " src="js / jquery.easing.1.3.js "></script>
<script type="text / javascript " src="js / main.js "></script>
<script src="js / bootstrap.js "></script> 
<!-- Required Styles for theme -->
<link rel="stylesheet " href="http: //netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
< link rel = "stylesheet"type = "text/css"href = "css/bootstrap.css" > 
< link rel = "stylesheet"type = "text/css"href = "css/style.css" >
< /head>
<body>
   <header>
      <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
            <div class="navbar-header">
               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="navbar-collapse">
               <span class="icon-bar"></span > < span class = "icon-bar" > < /span>
               <span class="icon-bar"></span > < /button>
               <a href="index.html" class="navbar-brand"><img src="img/logo.png "></a>
            </div>
            <!-- Category: Header-->
            <div class="
               navbar - collapse collapse ">
               <ul class="
                  menu nav navbar - nav pull - right ">
               <li class="
                  dropdown ">
                  <a href="#
                     " class="
                     dropdown - toggle hover1 " data-toggle="
                     dropdown ">Category<b class="
                     caret "></b></a>
                  <ul class="
                     dropdown - menu ">
                     <li><a href="#
                        ">Sub1</a></li>
                     <li><a href="#
                        ">Sub 2</a></li>
                     <li><a href="#
                        ">Sub 3</a></li>
                  </ul>
               </li>
               <!-- Category: Header -->
               <li class="
                  dropdown ">
                  <a href="#
                     " class="
                     dropdown - toggle hover1 " data-toggle="
                     dropdown ">Category<b class="
                     caret "></b></a>
                  <ul class="
                     dropdown - menu ">
                     <li><a href="#
                        ">Sub Cat</a></li>
                     <li><a href="#
                        ">Sub Cat</a></li>
                  </ul>
               </li>
            </div>
         </div>
      </div>
   </header>

【问题讨论】：

您是否在控制台中看到任何错误？ F12 > 在控制台下开始调试？
不，但感谢您的建议。这实际上是 IE 的默认安全设置。如果您将它们更改为始终允许 ActiveX 和 javascript，则应该消除此问题。完全偶然地偶然发现了这一点。希望这可以帮助其他有同样问题的人
如果您找到了问题的解决方案，您可以回答自己的问题。
不幸的是，由于我的声誉低，StackOverflow 不允许我再回答 6 个小时。然后我会更新它，除非有人在我之前回答它而没有阅读此内容。
我对这个问题投了赞成票，也许你现在可以发布你的答案。

标签： html css internet-explorer twitter-bootstrap

【解决方案1】：

这实际上是 IE 9 的默认安全设置。如果您将它们更改为始终允许 ActiveX 和 javascript，则应该消除此问题。完全偶然地偶然发现了这一点。

希望这可以帮助其他有同样问题的人

【讨论】：