Question

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

它在所有浏览器中运行良好，但IE（惊喜惊喜）所以在谷歌搜索后我将其包括在内：

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

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

不幸的是，样式和脚本并非全部加载到IE上，我不知道为什么。

我正在使用捆绑，并在我的Bundle Config中有以下内容：

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开发工具时，它会显示4个css文件，我手动加载的文件然后是捆绑包但它不包含所有样式。我搜索了一些我知道在样式表中的随机类，但它们不在那里。

我认为这是在调试模式下本地工作并且不在服务器上工作的事情，因为它不是，并且这与respond.js没有任何关系，但我无法找到解决方案。

有人能帮助我吗？

Answer 1

如果有其他人遇到此问题，这就是我解决此问题的方法。

我重新下载了对它进行改进的respond.js。

我还必须将bundle.config css拆分为单个项目，因为我知道IE9只能读取捆绑包中的这么多项目而忽略其余项目。

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

Css / JS不在Web服务器上工作，可以在本地工作

1 个答案: