2012-09-21 181 views
0

我正在寻找JS或jQuery(仅用于核心依赖)代码,它允许您调整任何html元素或div的大小 - 可以使用div容器来显示内容。调整大小的元素

我使用jQuerys resizeable()函数时遇到的问题是它与UI的依赖关系以及可能会给我的代码库带来的膨胀。此外,它只使用角落手柄来调整大小,以便让我更喜欢界面,以及TinyMCE中的表格和图像大小调整方式。

也就是说,要调整大小的元素周围有一个虚线边框,有8个点要拖动。如果你在他们的网站上试用TinyMCE演示,你会明白我的意思。它允许两个纵横比都基于拖动点保持和扭曲。

我调整大多数匹配是为了适应页面宽度一次调整图像大小,但我希望指向正确的方向,以防有片段或jquery插件在那里,错过了。

+0

告诉我们你到目前为止试过的东西 – Patrick

+0

你是什么意思,我在找一个lib/plugin。即使可能出现这种情况,我还没有绝望到自己编写代码。 –

回答

2

几个月前,我得到了同样的“问题”,不想使用jQuery UI但想调整大小...我遇到了这个“自定义事件”插件。很轻,做这项工作。

threedubmedia jquery.event.drag

您可以在页面底部看到一个调整演示。

希望它有帮助!

+0

当然是迄今为止最有前途的一个!将不得不做相当数量的定制工作,但至少我有一个很好的起点。你碰巧知道它是否在调整DIV的大小时重绘DOM?无论如何,我想我很快就会知道。 –

+0

我可以帮助我快乐!他们说这不会改变DOM,但我从来没有看过它。无论如何,如果这是您得到的最佳答案,请您接受它。谢谢! –

0

您可以使用CSS3的resize

http://jsfiddle.net/BramVanroy/uAzVY/

没有尽可能多的功能,只要你想,虽然。

+0

对Opera来说似乎没有任何作用,或者我不知道该怎么做。无论哪种方式,我需要它在JS中的其他功能,如调整大小时的回调。 –