JS Fiddle位于此处:http://jsfiddle.net/8nqkA/2/

的HTML

<div>
<div class="show">Test 1</div>
<div class="hidden">Test 2</div>
<div class="hidden">Test 3</div>
<div class="hidden">Test 4</div>
</div>


jQuery的

$(document).ready(function() {
    myFunc($(".show"));
});

function myFunc(oEle)
{
       oEle.fadeOut('slow', function(){
            if (oEle.next())
            {
                oEle.next().fadeIn('slow', function(){
                   myFunc(oEle.next());
                });
            }
           else
               oEle.siblings(":first").fadeIn('slow', function(){
               myFunc(oEle.siblings(":first"));
               });
        });
}


的CSS

.hidden {
    display: none;
}


尝试使它在完成后循环回到测试1,但不起作用。只是希望它重新开始,这怎么了?

最佳答案

if (oEle.next()){ // This needs to be oEle.next().length
    oEle.next().fadeIn('slow', function(){
        myFunc(oEle.next());
    });
}else{ // You should wrap this in a block
    oEle.siblings(":first").fadeIn('slow', function(){
        myFunc(oEle.siblings(":first"));
    });
}


我们测试.length的原因是因为.next()像大多数jQuery方法一样,会返回jQuery-无法直接对其进行测试。您可以将其视为一个数组,因此.length属性为我们提供了当前选择中有多少个元素。

我们还应该将您的else代码包装在一个块({..})中,因为以下代码跨越多行。

10-06 07:37