jQuery旋轉和容器尺寸

Question

我正在使用jQuery rotate插件來旋轉圖像。問題是，當圖像旋轉時，它會從容器的邊界出來，因爲容器的寬度和高度不會更新。

有沒有更新容器尺寸呢？如果你想看看應用程序，你可以go here。上傳圖片並按旋轉查看問題。

Answer 1

有一個回調函數，當動畫完成後，將被稱爲。在此功能，您可以重置IMG容器的寬度和高度是這樣的（未測試）：

var img = $('#img'); 
var cont = img.parent(); 
img.rotate({bind:{ 
     click: function(){ 
      $(this).rotate({ 
      angle: 0, 
      animateTo:180, 
      callback: function(){ 
       cont.css({ width: img.css('height'), height: img.css('width') }); 
      } 
      }) 
     } 
    } 
});