jquery-ui - jquery UI 可通过多个alsoResize 调整大小

Question

我在以下方面遇到了一些困难。我有一个可调整大小的对象。代码如下所示：

var alsoresizablevar1;
var alsoresizablevar2;

object.resizable({
    handles: {se: object.find(".resize")},
    alsoResize: alsoresizablevar1, alsoresizablevar2
});

如何将 2 个变量添加到 alsoResize 选项，以便它们与原始对象一起调整大小？

Answer 1

为调整大小的元素创建一个事件监听器并调整alsoresizablevar1 和alsoresizablevar2 的大小。

你想做什么？

Answer 2

您最好根据原始对象的更改大小手动处理 resizable.stop 事件并调整相关对象的大小。例如，我在一个简单的项目中实现了它，通过拖放手动调整页面部分的大小。

$("#selector").resizable(
    {
        stop: function (e, ui)
        {
            var changedHeight = ui.size.height - ui.originalSize.height;
            var changedWidth = ui.size.width - ui.originalSize.width;

                    // update related objects' size based on above values.
        }
    });