QTransform显示/隐藏

Question

我正在使用puppybits jQuery插件QTransform旋转/动画元素（https://github.com/puppybits/QTransform）。旋转完成后，除了节目外，我还有其他的工作。

下面的代码：

$(document).ready(function(){ 
    $('#rotatehs').hide(); 
    $('#bkgimg') 
     .css('translate', 100) 
     .css('rotate', -1) 
     .animate({rotate: '+=360deg'}, 4000) 
--------------> add show after rotate complete ('#rotatehs') here <-------------- 
}); 

Answer 1

添加一个回调到animate：

$(document).ready(function(){ 
    $('#rotatehs').hide(); 
    $('#bkgimg') 
     .css('translate', 100) 
     .css('rotate', -1) 
     .animate({rotate: '+=360deg'}, 4000, function() { 
      $('#rotatehs').show(); 
     }); 
});