jquery - 添加 时，简单的 jquery 幻灯片会中断

Question

有很多与我正在尝试做的类似的解决方案，但是当我尝试调整以满足我的需要时，它们总是会崩溃

我有一个简单的

<ul class="slideshow"><li>IMAGE</li><li>IMAGE</li></ul>

结构 - 需要这样，以便客户端可以通过 CMS 轻松更改它

解决方案http://jsfiddle.net/KA4Zq/效果很好，但是当我添加 < l i > 时它就中断了 - 我猜是因为 child 的原因？

http://jsfiddle.net/KA4Zq/347/

Answer 1

使用 :nth-child 选择器时，您只需要定位 ul 元素的子元素，因此需要使用子选择器而不是后代选择器

var count = 1;
setInterval(function() {
    count = ($(".slideshow > :nth-child("+count+")").fadeOut().next().length == 0) ? 1 : count+1;
    $(".slideshow > :nth-child("+count+")").fadeIn();
}, 2000);

演示:Fiddle , also this