javascript - jQuery Rotate 和容器尺寸

Question

我正在使用jQuery 旋转插件来旋转图像。问题是当图像旋转时，它会超出容器的边界，因为容器的宽度和高度没有更新。

是否也可以更新容器尺寸？如果你想查看应用程序，你可以去这里。上传图片并按旋转查看问题。

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') });
            }
          })
      }
  }
});