javascript - 旋转后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();
        },
     }

});