Question

我正在研究jquery旋转木马。您可以在此处查看示例：http://jsfiddle.net/6fwbS/2/

单击“填充”，然后单击“增加”几次。它变得很奇怪。

当我没有尝试将新图像追加到轮播中时，以下功能有效。单击减少按钮以查看其是否正常工作。将图像粘贴回图像轮播的正确方法是什么？

function slide_img_left(){

    $('.left_slot').animate({
        opacity: 0,
        left: '-=50px'
    },300);

    $('.middle_slot').animate({
        left: '-=50px'
    },300, function(){
        $('.middle_slot').attr('class','left_slot');
        $('.right_slot').attr('class','middle_slot');
        alert(imgArr[c][0]);
        $("#basic_div").append(imgArr[c][0]);           // This line causes the problem but I don't know the correct way to put the new image in.
    });

    $('.right_slot').animate({
        left: '-=50px'
    },300);

}

Answer 1

您已在函数中定义变量c，然后在其他函数中使用它，从而导致运行时错误（c is not defined）。我已经在外部范围中定义了它，以便它可以使用它的所有函数。

工作演示 - http://jsfiddle.net/6fwbS/1/

Jquery轮播追加新形象

1 个答案: