jquery - jquery 可调整大小的包含在表中

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

将句柄 e,w 更改为此

$(".resizable-div").resizable({ 句柄："n,s,ne,se,nw,sw", 遏制：".containment-div" });

Answer 2

更改containment为parent

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

演示 http://jsfiddle.net/XTPZ8/1/

当您将其设置为表父级时，调整大小会溢出单元格，导致其扩展，不幸的是这是正常的表行为。