我正在构建一个带有“下一个/上一个”箭头的自定义循环滑块。
实际上,我的 NEXT (1->2->3..) 工作元素很好,但是当涉及到向后循环 PRV (1->3->2..) 动画运行但最后一个元素没有跟随直到它调用回调函数。
甚至回调也放置“下一个”。
例如,我按 PREV 并在幻灯片 #1 上,我希望幻灯片 #3 跟随..
function slide()
{
$('.next').click(function slideNext()
{
// Animate left
$this.animate({'left' : '-' + $this.parent().width()}, options.speed, function()
{
// Return css left:0 and call the next slide
$this
.css('left', 0)
.children(':first')
.appendTo($this);
})
});// End slideNext()
$('.prev').click(function slidePrev()
{
// Animate right
$this.animate({'left' : '+' + $this.parent().width()}, options.speed, function()
{
// Return css left:0
$this
.css('left', 0)
.children(':first')
.appendTo($this);
})
});// End slidePrev()
}