当我开始在其他浏览器上测试它时,我几乎已经用 twitter bootstrap 框架构建了一个网站。它在所有浏览器上的外观和感觉都很棒(如果我自己可以这样说......)但是,在 IE9 和可能的 IE8 等上都无法折叠菜单栏以显示子类别。这可能是什么原因造成的,我该如何解决?这可能是由 JavaScript 引起的吗?
提前感谢您的帮助!
请注意,我在 stack overflow 中查看过类似的问题,但它们大多没有定论。
<!-- 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>
最佳答案
这实际上是 IE 9 的默认安全设置。如果您将它们更改为始终允许 ActiveX 和 javascript,那么应该可以根除此问题。偶然发现了这个。
希望这对遇到同样问题的其他人有帮助
关于html - Internet Explorer 9. Bootstrap 菜单不折叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20584286/