jquery旋转后隐藏图像

Question

我有一个图像，在点击事件中旋转360。图像旋转完成后，我希望图像消失。有什么建议么？

$("#refresh").rotate({ 
    bind: 
    { 
     click: function(){ 
      $(this).rotate({ angle:0,animateTo:720,easing: $.easing.easeInOutExpo }); 
      $(this).fadeOut("slow"); 
     } 
    } 

}); 

HTML

<div class="span4" style="float:right"> 

    <img src="assets/img/refresh_btn.png" id="refresh" width="70" height="70"/> 

</div> 

任何帮助将是巨大的。谢谢！

Answer 1

我假设你正在使用它？ http://code.google.com/p/jqueryrotate/wiki/Documentation

在这种情况下，请使用完成时触发的回调。像这样的：

$("#refresh").rotate({ 
    bind: 
    { 
     click: function(){ 
      $(this).rotate({ angle:0,animateTo:720,easing: $.easing.easeInOutExpo }); 
      $(this).fadeOut("slow"); 
     }, 
     callback: function(){ 
      $(this).hide(); 
     }, 
    } 

});