jquery - 当我单击同一图像时，第二次不会发生 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()轻松访问它