为 <IE8 和现代浏览器加载不同的 jQuery 版本和 .js 文件答案

【问题标题】：Loading Different jQuery Version and .js files for <IE8 and modern browsers为 <IE8 和现代浏览器加载不同的 jQuery 版本和 .js 文件
【发布时间】：2015-04-19 02:44:54
【问题描述】：

这是一个非常特殊的情况。我正在开发一个需要支持 IE8 及更高版本 + 现代浏览器的网络应用程序。对于 IE8，我们设法加载了 jquery 1.X 和 JQUery UI（它们都在一个文件中），我们有用于现代浏览器的 JQuery 2 和 JQuery UI（在另一个文件中）。问题是我需要找到一种方法来加载仅适用于 IE8 的 Jquery 1.X 插件以及适用于现代浏览器的其余插件。

当您必须添加针对特定浏览器的 css 时，我找到了一些解决方案，但不能让我在 jsp 文件上执行此类操作：

**Load just for modern browsers (ie9, ie10,ie11, chrome, firefox)** {
            <script type="text/javascript" src="/eacat-theme/js/jquery.autocomplete.js"></script>
            <script type="text/javascript" src="/eacat-theme/js/ui.dropdownchecklist.js"></script>
            <script type="text/javascript" src="/eacat-theme/js/noty/jquery.noty.js"></script>
            <script type="text/javascript" src="/eacat-theme/js/noty/layouts/topCenter.js"></script>
            <script type="text/javascript" src="/eacat-theme/js/noty/themes/default.js"></script>

}

**load just for ie8** {
            <script type="text/javascript" src="/eacat-theme/js/js-old/noty/jquery.noty.js"></script>
            <script type="text/javascript" src="/eacat-theme/js/js-old/noty/layouts/topCenter.js"></script>
            <script type="text/javascript" src="/eacat-theme/js/js-old/noty/themes/default.js"></script>

}

我还有另一个问题，我不能使用 javascript 作为针对特定浏览器的解决方案，因为 jquery 版本也必须根据浏览器加载。任何帮助将不胜感激。我不知道它是否有用，但由于我在 Liferay 6.2 中工作，我已经在 html 标签上有一个类，该类会根据浏览器而变化。

【问题讨论】：

标签： javascript jsp internet-explorer-8 liferay-6

【解决方案1】：

您需要创建一个新主题（或编辑您创建的自定义主题）并在标签内添加以下行：

<!--[if lt IE 8]>
        <script type="text/javascript" src="$javascript_folder/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="$javascript_folder/jquery-migrate-1.2.1.min.js"></script>
    <![endif]-->
    <!--[if gte IE 8]>
        <script type="text/javascript" src="$javascript_folder/jquery-2.1.1.min.js"></script>
    <![endif]-->
    <!--[if !IE]>
        <!--><script type="text/javascript" src="$javascript_folder/jquery-2.1.1.min.js"></script><!-->
    <![endif]-->

我正在使用这个解决方案，它正在工作

【讨论】：