单击同一图像时第二次不会发生JQuery动画

Question

现在的问题是，当我第一次点击图像时，动画将按照我想要的方式发生。然而，当我第二次点击同一图像时，它只是在0秒内放大图像的大小，而没有动画过渡。

var tempHolders = new Array(); 
$(document).ready(function(){
    $('ul li img').each(                 
        function(){ $(this).click(function($e){                          
            $('#picturesboard').hide();                          
            $('#enlarge').show();                                     
            if( tempHolders[$(this).attr('src')]==null){
                  tempHolders[$(this).attr('src')] = $(this).clone();
            }                                                    
            (tempHolders[$(this).attr('src')]).animate({
                   width: '1000px'
               },1000);                         
            $('#imgholder').prepend(tempHolders[$(this).attr('src')]);
            backbutton.innerHTML='GO BACK';
            backbutton.onclick=function(){                              
                      $('#picturesboard').show();
                      $('#enlarge').hide();
                     // return false;
             };
        $('#menu').prepend(backbutton);                                          
        });
    });
});

Answer 1

如果我没错，你需要在后退按钮功能中将属性的宽度设置为0。您可以使用.attr()

轻松访问它