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/

当你将它设置为表父级时，resize会溢出单元格，导致它扩展，不幸的是这是正常的表行为。

Answer 2

将句柄e，w更改为此

$（ “可调整大小-DIV”）。可调整大小（{ 句柄：“n，s，ne，se，nw，sw”，遏制：“遏制-DIV” }）;

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

2 个答案: