0

全て

私は自分のプロジェクトにこのフリップタブを使用しています。

これは js フィドル リンクです: http://jsfiddle.net/ajaypatel_aj/XbhUW/1/

JSコード

$('document').ready(function(){
$('#flip-container').quickFlip();

$('#flip-navigation li a').each(function(){
    $(this).click(function(){
        $('#flip-navigation li').each(function(){
            $(this).removeClass('selected');
        });
        $(this).parent().addClass('selected');
        var flipid=$(this).attr('id').substr(4);
        $('#flip-container').quickFlipper('', flipid, 1);

        return false;
    });
});

}); </p>

以下のコードを試しました：

   $('document').ready(function(){
        $('#flip-container').quickFlip();

        $('#flip-navigation li a').each(function(){
            $(this).delay(800)(function(){
                $('#flip-navigation li').each(function(){
                    $(this).removeClass('selected');
                });
                $(this).parent().addClass('selected');
                var flipid=$(this).attr('id').substr(4);
                $('#flip-container').quickFlipper('', flipid, 1);

                return false;
            });
        });
    });​

しかし、それは私にはうまくいきませんでした。私が欲しいのは、これを1000ミリ秒自動反転させることです。

4

1 に答える 1

2

これはうまくいきます

$('document').ready(function(){
    $('#flip-container').quickFlip();

    $('#flip-navigation li a').each(function(){
        $(this).click(function(){
            $('#flip-navigation li').each(function(){
                $(this).removeClass('selected');
            });
            $(this).parent().addClass('selected');
            var flipid=$(this).attr('id').substr(4);
            $('#flip-container').quickFlipper('', flipid, 1);

            return false;
        });
    });

    var id = 0;
    function autoFlip(){
        $('#flip-navigation li a:eq('+id+')').click();
        id++;
        if (id > 2) id=0;
    }
    setInterval(autoFlip, 1000);
});
于 2012-05-25T08:34:31.423 に答える