我有一个问题,我正在使用jquery ui resizable。当我在chrome中旋转元素时,控件也会旋转,但是当我用手柄调整div的大小时,它们会被反转。我的意思是如果我使用sw控制,它以奇怪的方式行动,即我向顶部移动,图像变大,而在实际中它应该变小。这是旋转div的问题,而不是正常的。
这是js小提琴
http://jsfiddle.net/fahadnabbasi/2FLuf/11/
您将看到两个图像,一个旋转,一个正常。正常可以调整大小,旋转调整大小也可以调整大小但方向相反。尝试从右下角控件调整旋转图像的大小,您将看到问题。
答案 0 :(得分:0)
我认为你需要jQuery UI Rotation http://vremenno.net/js/jquery-ui-rotation-using-css-transform/(它是俄语)。这是直接下载:http://vremenno.net/examples/jquery-ui-rotation/jquery.ui.rotation.zip
这是我制作的实现插件的小提琴:http://jsfiddle.net/MadLittleMods/4Vfm5/
包含插件后只需添加。您还可以添加父div并将其应用于.parent()
:
$('.resizable').rotatable();
以下是关于轮换的另一个主题:jquery rotation plugin - that works like jquery ui resize