jquery:设置alt引用不正确

下面的脚本计算UL中Li的数量，通过现在固定的图像宽度前进，设置包含div的左属性的动画，查看当前显示的img的alt标记，将其解析为无序列表，并使用动态UL的内容重写div的html。它还更新了href位置

除了一件事，这一切都有效：

初始加载后，首次单击下一个/灰色箭头时，下一个列表时间图像将滑入视图，但alt文本不会更新以反映有关该项目的注释

如果我再次单击，动画将继续正常运行，然后alt文本将最终更改。。除了上一张图片的信息…所以我在后面放了一张，最终图片用完了，我额外点击了一次，显示了最后一张alt标签信息

我要寻找的是：load page获取、解析并格式化第一个列表项的alt标记信息，所有这些都是图像，然后单击下一个箭头，该图像滑出视图，出现下一个图像，并更新三个单独div的名称、说明和href链接

我只是不知道我到底在哪里漏掉了它。开始变量中有什么东西吗？哦我意识到这只是为下一个/向前移动的箭头在解析/格式化数据方面工作而设置的

代码：

---

提供指向工作示例的链接

$(document).ready(function(){ 

//Define the animation speed for the Carousel 
var speed = 200; 
var start = 0;

//for the first explantion to get parsed. 
function spliceAndDice(){ 
var theFirst = $("#slider1 img").attr('alt').split('|');
var theFirstAlt = theFirst;

$('.templateExplanation').html('<ul class="altDescription">' + '<li>' + theFirstAlt[0] + '</li>' + '<li>' + theFirstAlt[1] + '</li>' + '<li>' + theFirstAlt[2] + '</li>' +'</ul>');
$('.linkedPDF a').attr('href','1.html');     
};

spliceAndDice();

$('#navPrev').click(function(){ 
start == 0 ? start = 0 : move=start+385;
start < 0 ? start = 0 : move=0;
start = move;
$('#carousel ul').animate({marginLeft:move}, speed);

$('.templateExplanation').text($($("#slider1 img")[start/-385]).attr('alt'));
$('.linkedPDF a').attr('href',$($("#slider1 a")[start/-385]).attr('href'));

            }); 

//check for last left position and set it to last left to stop
$('#navNext').click(function(){ 
start == ($("#slider1 li").length-1)*-385 ? move = start : move=start-385;

var theOne = ($($("#slider1 img")[start/-385]).attr('alt').split('|'));
$('#carousel ul').animate({marginLeft:move}, speed);
        start = move;
        var theAlt = theOne;

$('.templateExplanation').html('<ul class="altDescription">' + '<li>' + theAlt[0] + '</li>' + '<li>' + theAlt[1] + '</li>' + '<li>' + theAlt[2] + '</li>' +'</ul>');
    $('.linkedPDF a').attr('href',$($("#slider1 a")[start/-385]).attr('href'));     
});     
});