j查询表中可调整大小的包含

Question

>我有一个表，其中包含一个Div，我想调整它的大小。我需要知道如何为此div 设置容器元素。

我尝试通过在桌子周围创建一个div来解决这个问题，以充当容器，但是可调整大小（）仍然不允许重新调整内容的大小。

有人可以告诉我如何制作一个工作容器吗？

我用我目前尝试的示例创建了一个小提琴：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"
    });

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

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

Answer 2

将句柄 e，w 更改为此

$（".ressizeable-div"）.ressizeable（{ 句柄："n，s，ne，se，nw，sw"， 遏制：".containment-div" });