jQuery弹窗在IE11企业模式下失效问题求助

我来帮你拆解下IE11企业模式下遇到的这个问题～其实核心原因基本都和企业模式的本质特性有关，下面分点给你讲清楚：

1. 企业模式直接覆盖文档模式，你的X-UA-Compatible标签失效了 #

IE11的企业模式是微软专门为兼容老旧企业系统设计的，它的优先级极高——一旦你的站点被IT部门加入了企业模式站点列表，浏览器会强制切换到指定的旧文档模式（通常是IE8），完全无视页面里的<meta http-equiv="X-UA-Compatible" content="IE=edge" />标签。

验证方法： #

按F12打开开发者工具，切换到“仿真”标签，看“文档模式”显示的是不是IE8或者更低版本，如果是，那就是这个问题。

解决思路： #

• 优先联系公司IT部门，把你的站点从企业模式列表中移除，或者修改对应配置，让站点使用IE11文档模式；
• 如果没法修改企业配置，那只能针对旧IE版本做兼容适配（往下看其他方案）。

2. Bootstrap和jQuery版本不兼容旧IE #

你用的Bootstrap 3.1.1虽然宣称支持IE8，但有几个前提：

• jQuery必须用1.x系列（比如1.12.4），因为jQuery 2.x及以上彻底放弃了IE8支持；
• 需要额外引入html5shiv和respond.js来补全IE8对HTML5元素和CSS媒体查询的支持。

解决步骤： #

• 检查你的jQuery版本，如果是2.x+，替换成1.12.4版本；
• 在页面头部（CSS加载之前）添加以下代码：

  <!--[if lt IE 9]>
    <script src="../javascripts/lib/html5shiv.min.js"></script>
    <script src="../javascripts/lib/respond.min.js"></script>
  <![endif]-->
  

3. CSS和JS用到了旧IE不支持的特性 #

IE8不支持很多CSS3选择器（比如:nth-child、::before/::after伪元素），也不支持部分现代JS API（比如addEventListener、querySelectorAll的部分用法）。你的弹窗美化CSS和搜索功能JS可能刚好用到了这些特性，导致在企业模式下失效。

解决思路： #

• 检查CSS代码，把IE8不支持的选择器替换成兼容写法（比如用自定义类名代替伪类）；
• 检查JS代码，尽量用jQuery封装的API（比如$(element).on('click', ...)代替原生addEventListener），jQuery会自动做兼容性处理；
• 必要时给旧IE添加polyfill（比如引入es5-shim来补全ES5特性）。

4. 企业模式的安全设置限制了资源加载 #

有些企业会在IE企业模式下启用严格的安全策略，比如禁用JavaScript、限制外部资源加载，或者把你的站点归为“受限站点”，导致jQuery、Bootstrap这些资源加载失败。

验证方法： #

按F12打开开发者工具的“网络”标签，刷新页面后看这些JS/CSS文件的加载状态，如果有403错误或者加载失败的提示，就是这个问题。

解决思路： #

联系IT部门，把你的站点加入IE的“可信站点”列表，调整对应的安全权限，允许JavaScript和外部资源加载。

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