Javascript 为什么jQuery代码用第一个图像替换最后一个图像？

在这段代码中，一切正常，但在左右移动滑块后的某个时刻，图像会改变位置。首先替换最后一个图像，有时会在短时间内继续，但有时滑块工作时间很长…我想知道这种行为的原因是什么

var lastbarketactive=0；
$（文档）.ready（函数（）{
var触发器=$（'ul.triggers li'）；
var bull=$（'ul.li'）；
var lastElem=triggers.length-1；
var目标；
triggers.first（）.addClass（'active'）；
$（'ud#u load'）。设置动画({
宽度：“100%”
}, 5000);
函数sliderResponse（目标）{
触发器.removeClass（'active'）.eq（target）.addClass（'active'）；
$（'ud#u load'）.stop（）.css({
宽度：“0px”
});
$（'ud#u load'）。设置动画({
宽度：“100%”
}, 5000);
}
触发器。单击（函数（）{
if（！$（this）.hasClass（'active'））{
target=$（this.index（）；
滑块响应（目标）；
重置定时（）；
}
});
$（'.left'）。单击（函数（）{
target=$（'ul.triggers li.active'）.index（）；
lastElem=triggers.length-1；
target==0？target=lastElem:target=target-1；
滑块响应（目标）；
左移（）；
lastBulletActive=$（'ul.triggers li.active'）.index（）；
重置定时（）；
});
$（'.right'）。单击（函数（）{
target=$（'ul.triggers li.active'）.index（）；
target===lastElem？target=0:target=target+1；
滑块响应（目标）；
moveRight（）；
lastBulletActive=$（'ul.triggers li.active'）.index（）；
重置定时（）；
});
$（'ud#u slider ul li:last child'）。prependTo（'ud#u slider ul'）；
bull.click（函数（）{
重置定时（）；
var curBulletActive=$（this.index（）；
如果（路缘激活<最后公告激活）{
var toMove=最后一个Bullet激活-路缘激活；
控制台日志（toMove+“左”）；
对于（i=0；i最后公告激活）{
var toMove=路缘激活-最后一个激活；
console.log（toMove+“右”）；
对于（i=0；i

body，
html，
p{
保证金：0；
填充：0；
}
#滑盖容器{
位置：相对位置；
保证金：0自动；
}
#ud_滑块{
高度：640px；
溢出：隐藏；
}
.ud_幻灯片{
背景尺寸：封面；
高度：640px；
背景位置：中心；
背景重复：无重复；
}
#乌德乌尔{
保证金：0；
填充：0；
列表样式：无；
位置：相对位置；
}
#乌迪乌尔利{
显示：块；
浮动：左；
保证金：0；
填充：0；
位置：相对位置；
}
.ud_滑块_1{
背景图像：url（'https://gameonsnacks.com/wp-content/uploads/2013/02/Adam-Diaz.jpg');
}
.ud_滑块_2{
背景图像：url（'http://carolinealberoni.files.wordpress.com/2014/04/online-games.jpg');
}
.ud_滑块_3{
背景图像：url（'https://watergamespc.weebly.com/uploads/3/0/1/9/30199027/5208331.jpg');
}
.ud_滑块_4{
背景图像：url（'http://knowledgeoverflow.com/wp-content/uploads/2013/01/planetside_2_game-wide.jpg');
}
#负载{
背景：红色；
高度：5px；
宽度：1px；
位置：绝对位置；
底部：0；
}
.按钮{
位置：绝对位置；
最高：50%；
边缘顶部：-128px；
光标：指针；
}
.左{
左：0；
}
.对{
右：0；
}
.触发器{
位置：绝对位置；
底部：-20px；
宽度：240px；
填充：0；
保证金：0；
左：50%；
左边距：-120px；
}
ul.li.active{
背景色：红色；
}
李先生{
浮动：左；
列表样式：无；
利润率：0.5px；
光标：指针；
背景色：#000；
宽度：50px；
高度：5px；
}

Vjezbanje

在sliderTiming（）方法中，应在移动图像后计算

lastBulletActive

：

var lastbarketactive=0；
$（文档）.ready（函数（）{
var触发器=$（'ul.triggers li'）；
var bull=$（'ul.li'）；
var lastElem=triggers.length-1；
var目标；
triggers.first（）.addClass（'active'）；