0

クラス用の基本的なjQueryスライダーを作成しています。5秒後に次のスライドを自動再生させたいのですが、タイマーを使用していないのに、思ったとおりに動作しません。適切な間隔を待ってから、コールバック関数をトリガーし続けます。

//basic slider on click
$('.slider>ul>li').click(function()
{
    $('.slider>ul>li').removeClass('current');
    $(this).toggleClass('current');
    right=$(this).index()*745;
    $(this).parent('ul').parent('.slider').children('div').children('ul').animate({'right': right}, 1000, 'easeOutBack');
})

//attempt to use timer plugin to auto play
$('.slider>ul>li').timer(
{
        delay: 1000,
        callback: function()
        {alert($('.slider>ul>li.current').index())
            if($('.slider>ul>li.current').index()!=3)
            {
                $('.slider>ul>li.current').next('li').click();
            }else//oddly this doesn't trigger at all
            {
                $('.slider>ul').first().click();
            }
        }
})
4

1 に答える 1

0

これを試して：

setInterval(function(){
  var i = $('.slider>ul>li.current').index();
  var next = (i < 3 ? i+1 : 0);
  var items = $('.slider>ul>li');
  $(items[next]).click();
}, 5000);

編集：setTimeoutをsetIntervalに変更し、時間を5秒にバンプしました。これでループするはずです。

于 2012-05-01T03:31:33.590 に答える