jquery不在css幻灯片中循环

我一直在使用css-tricks.coma中的幻灯片（并稍作修改）

当我使用以下jquery代码时，它工作得非常好（IE除外，它只是将图像堆叠在彼此的顶部，而不是循环）：

有人建议（作为IE补丁）将.appendTo行（上面脚本中倒数第三行）从 .appendTo（“#幻灯片放映1”） 到 .appendTo（“#slideshow1>div:first”）

这使得IE可以循环播放幻灯片，但只能播放一次。此外，幻灯片现在在Safari、Chrome和Firefox上只循环一次，而在原始版本中循环正确

以下是几个JSFIDDLE：

工作版本： 非工作版本：

#幻灯片放映1{
保证金：0自动；
位置：相对位置；
宽度：60px；
高度：60px；
边框：5px实心#CBCED1}
#幻灯片1>div{
位置：绝对}

谢谢。

代替

.appendTo('#slideshow1 > div:first');

使用以下命令：

.insertAfter('#slideshow1 > div:last');

尽管您也可以通过使用原始代码并添加以下CSS来解决IE问题：

#slideshow1 > div:first-child {
  z-index: 2;
}

---

非常感谢insertAfter命令发挥了作用。然而，我无法让你的第二个建议发挥作用；关于您的原始代码，我没有足够的信息。很高兴第一个解决方案起了作用。不要忘记接受你问题的答案，以鼓励他人在将来帮助你。

.insertAfter('#slideshow1 > div:last');

#slideshow1 > div:first-child {
  z-index: 2;
}