jquery - jquery调整嵌套div的大小

Question

我刚开始使用 jquery 并遇到了以下问题

<div id="container">
    <div id="content" contenteditable="true">
    </div>
    ...
</div>

如果我正在使用$(...).resizable()如何让它们同时调整大小？哪个overflow值会起作用？

另外，使“容器”可拖动会影响什么吗？

谢谢

Answer 1

当然，这是可能的。试试这个演示：

jsfiddle 演示

确保两个 div 都是 .resizable()。确保外部调整 div 取决于内部 div 的调整大小事件。

Answer 2

你可以试试这个：

$(document).ready(function() {
    $("#container, #content").resizable({
        alsoResize: "#content, #container"
    });
    $('#container').draggable();
});

演示

Answer 3

找到答案 jQuery 提供了以下内容：

$("#container").resizable({alsoResize:"#content"}); 

这似乎做得很好:)