jquery傳送帶追加新圖像

我正在jquery傳送帶上工作。您可以在此處看到示例：http://jsfiddle.net/6fwbS/2/jquery傳送帶追加新圖像

單擊填充，然後單擊增加幾次。它會變得很糟糕。

當我不想將新圖像添加回傳送帶時，以下功能可用。單擊減少按鈕以查看其正常工作。將圖像粘貼回圖像傳送帶的正確方法是什麼？

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); 

}

來源

2012-04-02 Digital Brent

我要補充的是，圖像都被存儲在一個名爲imgArr數組，它正在通過循環。 – 2012-04-02 21:03:26

您已經定義的變量c的功能，然後用它在花葯功能引起運行時錯誤（c is not defined）。我已經在外部範圍中定義了它，以便所有使用它的函數都可以使用它。

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

來源

2012-04-02 21:06:39 ShankarSangoli

感謝@ShankarSangoli的幫助。我已經做出了更改，它確實顯示圖像正在添加到數組中，但當我嘗試將它們附加到div時，它們不顯示...我是否必須對新圖像的CSS做些什麼或用jQuery給它一些屬性來使它認識到這是一個新的孩子？ .append在ready函數中工作，但不在函數中滑動這些圖像？我已經更新了... [新版本]（http://jsfiddle.net/6fwbS/2/_） – 2012-04-02 21:25:13

jquery傳送帶追加新圖像

回答

相關問題