2012-01-25 173 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