2012-09-21 243 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中的其他功能,如調整大小時的回調。 –