我一直在寻找这个问题,但还没有真正找到一个明确的解决方案或例子来解决它。使用jQuery,当我旋转一个resizable时,句柄和随后的调整大小操作都被搞砸了。我如何解决或解决这个问题?这里有一个我正在谈论的例子:http://jsfiddle.net/LVU7c/
小提琴中的代码是:
$('#widget').resizable({ handles: 'n, e, s, w' });
和CSS来旋转一个简单的div标签90度。
我一直在寻找这个问题,但还没有真正找到一个明确的解决方案或例子来解决它。使用jQuery,当我旋转一个resizable时,句柄和随后的调整大小操作都被搞砸了。我如何解决或解决这个问题?这里有一个我正在谈论的例子:http://jsfiddle.net/LVU7c/
小提琴中的代码是:
$('#widget').resizable({ handles: 'n, e, s, w' });
和CSS来旋转一个简单的div标签90度。
2条答案
按热度按时间v440hwme1#
这个基本概念是由Linus Gudn Jokela发布的,他删除了他的答案,尽管我要求,他也没有恢复。
您可以为内容使用旋转的内部 Package ,然后将大小调整手柄附加到外部元素,外部元素保持不旋转。
就高度和宽度而言,需要一些JS代码来保持内容与容器同步。下面是一个完整的演示:http://jsfiddle.net/fXthv/
JS:
CSS:
HTML:
avwztpqn2#
试试这个:)它对我很有效,除了你需要在你的小部件中定位内容。
http://tinyurl.com/jsfiddleee