0

矢印がクリックされたときにこれらの div をフェードアウトさせようとしています (非常に単純なスライドショーのように)。次のように、1 つずつフェードアウトさせることができます。

$(document).ready(function(){
    $('li').click(function(){
        $(this).fadeOut();
    });
});

JSFIDDLE

しかし、これは私をさせません

  • ループスルー（すべてがフェードアウトしたら、最初からやり直してください）
  • 別のクラスがクリックされているときは機能しません

jQuery メソッドでそれぞれをループし<li>、fadeOut できるかどうか。最後の の場合li、もう一度シーケンスを開始しますか?

4

1 に答える 1

3

これはあなたが必要とするものですか？http://jsfiddle.net/x3buT/39/

ここでは、最初のスライドをフェードアウトし、それを行末に移動して次のスライドにフェードインします

$(document).ready(function(){
    $('.slide:not(:first)').hide();
    //If you only need to change with the arrow, remove .slide from next line
    $('.slide,.arrow').click(function(){
        $('.slide').first().fadeOut(function(){
            $(this).next().fadeIn();
            $(this).appendTo('.inner');
        });
        return false;
    });
});
于 2013-07-25T19:14:30.597 に答える