2012-01-25 138 views
1

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

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

我看过这样的例子http://jquery.jcubic.pl/splitter.php但我的Jquery写作并没有让我知道我在什么后。

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

+0

出于好奇,这个链接显示你在做什么之后,他制作的分离器代码是可以使用的。 (他在代码中拥有GNU许可证)为什么不使用它?如果你想弄清楚如何从头开始,我明白,但如果你不需要,为什么不使用它? – Drahkar

+0

HI Drahkar,Thakyou回复。我一直在努力使用他的代码来获得简单的3列布局。我可以得到2列工作,但3列,即使他的实例看起来有3列似乎并不直接代码。 – azzy81

+0

如果您尝试过某些方法并且无法正常工作,您最好不要发布该问题,并寻求帮助以确定您出错的位置,而不是要求某人继续为您编写代码。 –

回答

4

尝试jQuery的布局容器插件:

http://jsbin.com/ucaxu4/3

+0

谢谢Steve,Ive试图让Jquery Layout容器做我想做的事情,而不是正确的。然而,我有一些运气从头开始建立自己的事情。只要我做完了,我会在这里发布我的解决方案。 – azzy81

-1

香港专业教育学院还得到了一些东西,我需要做的最终版本然而,这是理想的我是什么后,其原来好于预期: http://www.arondraper.co.uk/divColumns.php

+0

该链接不再工作。请考虑把你的解决方案放在jsfiddle上,如果你认为它仍然值得分享? – ADi3ek