jQuery 3.x在IE 8中不支持的特性有哪些？升级fancyBox后兼容IE8吗？

嘿，我来梳理下你遇到的问题——毕竟IE8这个老古董现在还能碰到访客也是挺头疼的😂。先直接说核心：jQuery 3.x 彻底放弃了对IE8的官方支持，加上最新版fancyBox本身也不再兼容IE8，直接升级的话大概率会让IE8用户彻底用不了弹窗功能。下面具体拆解：

一、jQuery 3.x 砍掉的IE8关键支持点 #

这些特性都是旧版fancyBox（v2.x）可能依赖，或者会导致JS报错的：

• 移除浏览器检测API：$.browser、$.browser.version这些方法直接没了，旧版插件常用它们判断IE的特殊行为，新版jQuery里用这些会直接抛出错误。
• 废弃旧事件绑定方法：bind()、unbind()、delegate()、undelegate()这些旧API被彻底移除，换成了on()/off()。如果新版fancyBox已经全量适配还好，但要是你有自定义的fancyBox扩展用了旧方法，IE8里必崩。
• 不再补ES5的坑：IE8原生不支持Array.prototype.forEach、Object.keys这些ES5特性，jQuery 1.x会自动给这些特性打补丁，但3.x完全不管了——这意味着很多遍历、对象操作的代码在IE8里直接跑不起来，连jQuery核心功能都可能出问题。
• AJAX回调的废弃警告：虽然success/error/complete这些AJAX回调参数还能用，但3.x里被标记为废弃，IE8下执行时可能出现异常，尤其是和fancyBox的远程内容加载结合时。

二、最新版fancyBox本身的IE8兼容性问题 #

更关键的是，fancyBox v3.x 官方已经明确只支持IE10及以上：

• 它大量使用了IE8不支持的CSS3属性（比如transform、border-radius、transition），就算JS能跑起来，弹窗样式也会乱成一团，甚至根本显示不出来。
• 内部的DOM操作逻辑也基于现代浏览器的API，IE8的DOM模型和现代浏览器差异极大，大概率会出现弹窗无法触发、无法关闭等交互问题。

三、给你的具体解决方案 #

方案1：保留IE8兼容（最稳妥）

继续使用你当前的jQuery 1.11.3 + fancyBox 2.1.5组合——这套已经在IE8上验证过，完全没问题。如果想让现代浏览器用上新版特性，可以用条件加载，给IE8用户单独喂旧版资源：

<!--[if IE 8]>
    <script src="jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="fancybox-2.1.5.css">
    <script src="fancybox-2.1.5.js"></script>
<![endif]-->
<!--[if !IE 8]><!-->
    <script src="jquery-3.3.5.min.js"></script>
    <link rel="stylesheet" href="fancybox-latest.css">
    <script src="fancybox-latest.js"></script>
<!--<![endif]-->

这样两边的用户都能获得正常体验。

方案2：硬升级但兼容IE8（不推荐）

如果一定要升级，得做一堆补丁：

1. 先给IE8加载es5-shim和es5-sham，补全ES5特性，再加载jQuery 3.x；
2. 针对fancyBox的样式问题，手动写IE8的兼容CSS，修复布局错乱；
3. 测试所有交互逻辑，修复IE8下的DOM操作异常。
   但说实话，投入的时间成本太高，而且最终体验还是会很差，不如直接给IE8用户显示替代内容（比如点击图片直接打开原图链接，而不是弹窗）。

最后补充 #

jQuery官方那句“在旧浏览器中运行可能无重大问题”，指的是简单的DOM操作（比如选元素、绑定事件），但涉及到fancyBox这种复杂交互插件，问题会被放大N倍——毕竟插件本身已经放弃IE8了。

内容的提问来源于stack exchange，提问作者Tecman