将自动播放添加到基本 jQuery 滑块
add autoplay to basic jquery slider
我正在为类制作一个基本的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();
}
}
})
试试这个:
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);
编辑:将设置超时更改为设置间隔,并将时间提高到 5 秒; 这现在应该循环。
相关文章:
- jquery滑块在css弹出菜单中工作
- Jquery滑块与Slick滑块
- jQuery滑块淡入淡出
- 根据窗口宽度动态更改jQuery滑块选项
- Jquery滑块在事件更改时更新值
- 如何将jquery滑块设置为自动,而不是点击或悬停在拇指上
- 处理多个jquery滑块
- 如何使用jquery滑块增加日期
- 如何为显示jquery滑块值的文本框设置默认值
- 为简单的jQuery滑块添加自动播放功能
- 如何在jquery ajax响应后设置jquery滑块的起始值
- 带角js的Jquery滑块无法正常工作
- 我将如何使这个小的jQuery滑块向右滑动
- 创建具有点击幻灯片功能的 jQuery 滑块
- jQuery - 滑块不起作用
- iPad中的Jquery滑块问题,在台式机和笔记本电脑中工作正常
- Jquery滑块,如果显示父项,则幻灯片不会全宽:无
- jQuery滑块在第4次单击时重定向
- 根据距离显示/隐藏标记(使用JQuery滑块)
- 使jQuery滑块导航只影响最近的类