簡體   English   中英

通過拖動節點動態調整DIV的大小

[英]Dynamically Resize DIV by Dragging Nodes

http://jsbin.com/ovODORove/1/edit

我敢肯定,您已經看到了那些拖動節點並調整元素大小的設計應用程序。 昨晚很好,今天我決定嘗試一下。

因此,今天我想嘗試動態調整div的大小,這有點困惑。

我嘗試了各種方法,但似乎都沒有效果。

從邏輯上講,我知道通過使用JQuery UI,可以將類.EE(用於East East)設置為可拖動,以使其水平拖動元素,但是在拖動元素時,我希望它也將寬度設置為它的位置。 我假設通過將draggable事件綁定到元素css width可以工作,但是當我嘗試不起作用時。

如果有人可以幫助我,將不勝感激。

編輯
正如您在此處看到的那樣,使用JQuery UI的可調整大小的處理程序使它成為一個真正簡單的解決方案。 ThreeDubMedia也有一個不錯的插件,也可以啟用此功能。 這里所見。

我玩了一點,然后我開始工作了。 這可能不完全適合您,但我認為這是一個很好的起點。 我為每個句柄分配了相同的stop回調,並且可以在任何方向上控制大小。 同樣,您應該給width()height()一個參數,就像Man of Snow所說的那樣。

這是小提琴

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM