看起来你遇到的问题核心是IE浏览器对现代JS语法、jQuery语法的兼容性限制，咱们一步步拆解问题并修复：

1. 选择器与类名的语法错误 #

你的代码里存在未加引号的属性选择器、类名和伪类，IE对语法的要求比现代浏览器严格得多，这些无引号写法会直接导致jQuery无法正确解析选择器：

• 错误写法：$([type=slideshow]) → 正确写法：$('[type="slideshow"]')（属性选择器必须用引号包裹属性值）
• 错误写法：children(section:first) → 正确写法：children('section:first')（标签和伪类选择器需要引号包裹）
• 错误写法：removeClass(hide)、addClass(active) → 正确写法：removeClass('hide')、addClass('active')（类名必须作为字符串传入方法）

2. ES6语法的兼容性问题 #

IE完全不支持ES6的let、for...of循环和Array.from()方法，这些语法会直接抛出语法错误，导致后续代码完全无法执行：

• 把let替换为ES5标准的var
• 用jQuery原生的.each()方法替代for...of循环，避免依赖ES6遍历语法

修正后的完整代码 #

// 修正选择器和类名引号问题，先给所有轮播section添加hide类
$('[type="slideshow"] section').addClass('hide');

// 用jQuery each遍历每个轮播容器，显示第一个section
$('[type="slideshow"]').each(function() {
  $(this).children('section:first').removeClass('hide').addClass('active');
});

关于insertAdjacentHTML失效的补充 #

如果修复上述代码后insertAdjacentHTML仍无法工作，要注意：IE中这个方法仅支持原生DOM元素，不能直接用在jQuery对象上。如果你的代码是这样写的：

// 错误写法：直接调用jQuery对象的方法
$(ele).insertAdjacentHTML('beforeend', '<div>...</div>');

需要改成获取原生DOM元素后再调用：

// 正确写法：先取出原生DOM节点
$(ele)[0].insertAdjacentHTML('beforeend', '<div>...</div>');

这样修改后，代码应该就能在IE中正常运行了——核心就是适配IE对语法的严格要求和ES5的兼容性限制。

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