jquery - Css/JS 不能在 Web 服务器上的 IE 上运行，在本地运行

Question

我有一个使用 Boot Strap 和其他几个脚本和样式的页面。

它在所有浏览器中都运行良好，但 IE(惊喜)所以在谷歌搜索后我包括了这个:

<!--[if lte IE 9]>
  <script src="~/Scripts/html5shiv.js"></script>
  <script src="~/Scripts/respond.js"></script>
<![endif]-->

到我的 _Layout 页面。这在本地解决了问题，所以我将元素发布到开发服务器。

不幸的是，样式和脚本并没有全部加载到 IE 上，我不确定为什么。

我正在使用捆绑并在我的捆绑配置中包含以下内容:

bundles.IgnoreList.Clear();
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.validate.js",
                    "~/Scripts/jquery.validate.unobtrusive.js",
                    "~/Scripts/jquery.dynamic.unobtrusive.validation.js",
                    "~/Scripts/bootstrap.js",
                    "~/Scripts/bootstrap-tagsinput.js",
                    "~/Scripts/typeahead.bundle.js",
                    "~/Scripts/kendo.all.js",
                    "~/Scripts/kendo.aspnetmvc.js"));

bundles.Add(new StyleBundle("~/Content/css").Include(
            "~/Content/bootstrap.css",
            "~/Content/bootstrap-tagsinput.css",
            "~/Content/kendo/2014.2.903/kendo.common.min.css",
            "~/Content/site.css",
            "~/Content/widgets.css"));

然后在布局中我在包外引用了一些脚本:

 @Styles.Render("~/Content/css")
<link href="@Url.Content("~/Content/kendo/2014.2.903/kendo.bootstrap.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/font-awesome-4.3.0/css/font-awesome.min.css")" rel="stylesheet" type="text/css" />
@Scripts.Render("~/bundles/modernizr")
<script type="text/javascript" src="~/Scripts/popcorn-complete.js"></script>

然后我引用其他包

但这些都没有加载到 IE9 中。当我使用开发人员工具使用兼容模式 IE8 时，它更好，但正在加载 Javascript 文件。

当我使用 IE Dev 工具时，它显示了 4 个 css 文件，我手动加载的那些，然后是 bundle ，但它不包含其中的所有样式。我搜索了一些我知道在样式表中的随机类，但它们不在其中。

我假设这与它在 Debug模式下在本地工作而不是在服务器上工作有关，因为它不是，并且这与 respond.js 无关，但我无法找到解决方案。

谁能帮帮我？

Answer 1

如果其他人遇到此问题，这就是我为解决该问题所做的工作。

我重新下载了 respond.js，改进了它。

我还必须将 bundle.config css 拆分为单个元素，因为我了解到 IE9 只能读取 bundle 中的这么多元素，而忽略其余元素。

在我完成这两件事后，它开始工作了。