DIV列调整大小

时间:2012-01-25 12:21:16

标签: jquery html

我试图创建一个3列DIV,允许我使用Jquery通过拖动句柄调整div列宽度。这个JSFiddle可以更好地解释它。 http://jsfiddle.net/SHEDz/1/

理想情况下,我希望能够向左或向右拖动div.bar,并且栏的左侧或右侧的div会相应调整大小,使其不超过总宽度。

我见过像http://jquery.jcubic.pl/splitter.php这样的例子,但是我的Jquery写作并没有让我得到我想要的东西。

任何人都可以接受挑战吗?

2 个答案:

答案 0 :(得分:3)

尝试使用jQuery Layout容器插件:

http://jsbin.com/ucaxu4/3

答案 1 :(得分:-1)

我仍然需要为最终版本做一些事情,但理想情况下这是我所追求的并且结果比预期更好:http://www.arondraper.co.uk/divColumns.php