Bootstrap 3.2 和 IE9 折叠功能答案

【问题标题】：Bootstrap 3.2 and IE9 collapse functionBootstrap 3.2 和 IE9 折叠功能
【发布时间】：2015-04-07 17:49:05
【问题描述】：

我正在使用引导程序 3.2 和 Jquery 1.11.1。该网络应用程序在包括 IE 10 和 11 在内的所有主要浏览器中都能正常工作。我在导航栏上使用 .collapse('toggle') 功能。在其他浏览器中，它添加了“in”类，但由于某种原因，我第一次在 IE 9 中打开菜单时不会发生这种情况。后续调用会添加“.in”类并将其删除。第一次点击不会触发。

如何让它在IE9中正常工作？

【问题讨论】：

请贴出您网页的完整代码。

标签： jquery twitter-bootstrap internet-explorer internet-explorer-9

【解决方案1】：

您从 CDN (bootstrapcdn.com) 获得 CSS，respond.js 仅适用于本地文件。因此，请使用 bootstrap.css 的本地副本在 IE9 上尝试您的网站。或阅读：CDN/X-Domain 设置

更新：

请阅读：http://getbootstrap.com/getting-started/#support

此外，Internet Explorer 8 需要使用 respond.js 来启用媒体查询支持。

另见：https://github.com/scottjehl/Respond

因此，基本模板在<head> 部分包含以下行：

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="../../assets/js/html5shiv.js"></script>
  <script src="../../assets/js/respond.min.js"></script>
<![endif]-->

【讨论】：

到目前为止我没有使用 CDN（使用 bower 和本地库），并且模板包含您提到的那部分。
@kitimenpolku 只需下载这些文件并将其放在<html> 标签之前。
适用于将来遇到此问题的任何人。这不是问题的答案，因为它清楚地显示了如何使用 html5shiv 并在 IE 8 上做出响应，并且该问题专门针对 IE 9。