Javascript 幻灯片功能和internet explorer 11

在我的项目中，我正在研究幻灯片功能，我遇到了IE11上的问题，我正在努力解决这个问题。在chrome、mozilla和edge上一切都很好。

我认为引起问题的第一件事是缺少CSS前缀，但在添加它们之后，代码在IE中仍然不起作用。我还检查了IE 11对我在网站上使用的CSS属性的支持，并且IE 11支持所有属性。就JQ代码而言，它非常简单，我没有做任何特殊的事情，只是添加和删除一些类。

是否有人知道什么可能会导致问题，并能为我指出正确的方向。

这是我的代码：

$（'openClose'）。在（'click'，函数（e）上{
e、 预防默认值（）；
if（$（'.advanced_search'）.hasClass（'disease'））{
$（'.advanced_search'）.removeClass（'disease'）.addClass（'selected'）.show（）；
}否则{
$（'.advanced_search'）.removeClass（'selected'）.addClass（'disease'）；
}
})

html，
身体{
溢出：隐藏；
最大宽度：100%
}
.高级搜索{
位置：绝对位置；
排名：0；
右：0；
宽度：300px；
显示：无；
身高：100%；
溢出：隐藏；
背景#107b10；
z指数：999；
-ms转化：translateX（100%）；
转化：translateX（100%）；
-webkit转换：translateX（100%）；
}
.选定{
动画：向前滑动0.5秒；
-webkit动画：向前滑动0.5秒；
}
.解雇{
动画：向前滑出0.5秒；
-webkit动画：向前滑动0.5秒；
}
@关键帧滑入{
0% {
-webkit转换：translateX（100%）；
}
100% {
-webkit转换：translateX（0%）；
}
}
@-webkit关键帧滑入{
0% {
-webkit转换：translateX（100%）；
转化：translateX（100%）；
}
100% {
-webkit转换：translateX（0%）；
转化：translateX（0%）；
}
}
@关键帧滑出{
0% {
-webkit转换：translateX（0%）；
转化：translateX（0%）；
}
100% {
-webkit转换：translateX（100%）；
转化：translateX（100%）；
}
}
@-webkit关键帧滑出{
0% {
-webkit转换：translateX（0%）；
}
100% {
-webkit转换：translateX（100%）；
}
}

Lorem ipsum dolor sit amet，奉献精英。镨，奎拉特！
打开/关闭

我刚刚添加了缺失的-ms和一个缺失的转换，它在我的ie 11上工作

$（'openClose'）。在（'click'，函数（e）上{
e、 预防默认值（）；
if（$（'.advanced_search'）.hasClass（'disease'））{
$（'.advanced_search'）.removeClass（'disease'）.addClass（'selected'）.show（）；
}否则{
$（'.advanced_search'）.removeClass（'selected'）.addClass（'disease'）；
}
})

html，
身体{
溢出：隐藏；
最大宽度：100%
}
.高级搜索{
位置：绝对位置；
排名：0；
右：0；
宽度：300px；
显示：无；
身高：100%；
溢出：隐藏；
背景#107b10；
z指数：999；
-ms转化：translateX（100%）；
-webkit转换：translateX（100%）；
转化：translateX（100%）；
}
.选定{
-ms动画：向前滑动0.5秒；
-webkit动画：向前滑动0.5秒；
动画：向前滑动0.5秒；
}
.解雇{
-webkit动画：向前滑动0.5秒；
-ms动画：向前滑出0.5秒；
动画：向前滑出0.5秒；
}
@关键帧滑入{
0% {
-webkit转换：translateX（100%）；
-ms转化：translateX（100%）；
转化：translateX（100%）；
}
100% {
-webkit转换：translateX（0%）；
-ms转换：translateX（0%）；
-转化：translateX（0%）；
}
}
@-webkit关键帧滑入{
0% {
-webkit转换：translateX（100%）；
转化：translateX（100%）；
}
100% {
-webkit转换：translateX（0%）；
转化：translateX（0%）；
}
}
@关键帧滑出{
0% {
-webkit转换：translateX（0%）；
-ms转换：translateX（0%）；
转化：translateX（0%）；
}
100% {
-webkit转换：translateX（100%）；
-ms转化：translateX（100%）；
转化：translateX（100%）；
}
}
@-webkit关键帧滑出{
0% {
-webkit转换：translateX（0%）；
}
100% {
-webkit转换：translateX（100%）；
}
}

Lorem ipsum dolor sit amet，奉献精英。镨，奎拉特！
Open/Close

CodeHacker很好地解决了您的问题，所以我尝试给您一个更简单的方法来解决这个问题，让您知道：使用一个转换和一个类怎么样

只有第二种观点。如果您愿意，可以尝试一下，它也可以很好地与IE11配合使用。；-）

$（'openClose'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（'.advanced_search'）。切换类别（“选定”）
})

html，
身体{
溢出：隐藏；
最大宽度：100%
}
.高级搜索{
位置：绝对位置；
排名：0；
右：0；
转化：translateX（100%）；
宽度：300px；
身高：100%；
背景颜色：绿色；
转换：转换0.5s缓解；
}
.选定{
变换：translateX（0）；
}

Lorem ipsum dolor sit amet，奉献精英。镨，奎拉特！
打开/关闭

它在Edge中工作吗？大多数IE用户现在都在使用Edge，它也取代了IE。@SimonJensen是的，它在Edge中工作，但我需要让它在IE 11中工作。我无法使用IE11进行测试，但它可能很简单，就像滑入关键帧块中缺少%符号一样。它应该是百分比或从。现在只有一个零。@Gerard我现在已经测试过了，不是这样，但为了安全起见，我会把它添加到我的代码中。你确定你的IE 11没有处于“兼容模式”，可能是在模仿IE9之类的东西吗。。尝试添加到文档的标题，以确保看起来就是这样，我将进行一些测试，但非常感谢，我认为我已经添加了所有内容prefixes@Zvezdas1989还应始终将特定于供应商的前缀放在普通标记之前。哈哈哈：这是很长时间以来第一次