jquery resizable遏制表

Question

我有一個表，其中包含我想要調整大小的Div。我需要知道如何爲這個div設置容器元素。

我已經嘗試通過在表格周圍創建一個div來充當容器，但resizable（）仍然不允許重新調整內容的大小來解決此問題。

有人能告訴我如何製作一個工作容器嗎？

我已創建一個撥弄着什麼，我都目前嘗試的例子： http://jsfiddle.net/XTPZ8/

$(".resizable-div").resizable({ 
     handles:'e, w', 
     containment:".containment-div" 
    }); 

.containment-div { 
    position: absolute; 
    width: 303px; 
    height: 200px; 
    border: 1px solid red; 
} 

.resizable-div { 
    position: absolute; 
    width: 40px; 
    height: 30px; 
    border: 1px solid green; 
}​ 

Answer 1

更改containment到parent

$(".resizable-div").resizable({ 
     handles:'e, w', 
     containment:"parent" 
    }); 

DEMO http://jsfiddle.net/XTPZ8/1/

當你將它設置對於表父，調整大小溢出了單元格，導致它擴大，這不幸的是正常的錶行爲。

Answer 2

變化處理E，W這個

$（」可調整大小-DIV。 「）可調整大小（{ 句柄： 」N，S，東北，東南，西北，西南「， 遏制」。 containment-div「 }）;