jquery调整嵌套的div

时间:2012-06-20 03:24:44

标签: jquery user-interface

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

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

如果我正在使用$(...).resizable(),我怎样才能让它们同时调整大小?哪个overflow值有效?

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

由于

3 个答案:

答案 0 :(得分:1)

确定,这是可能的。试试这个演示:

the jsfiddle demo

确保两个div都是.resizable()。确保外部resize div依赖于内部div的resize事件。

答案 1 :(得分:1)

你可以试试这个:

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

<强> DEMO

答案 2 :(得分:0)

找到答案 jQuery提供以下内容:

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

这似乎做得很好:)