动态更改 jQuery 个可调整大小的处理程序

Question

我正在尝试更改可调整大小元素的处理程序，但它似乎不起作用。

我用过：

$(line)
    .draggable({containment:"parent"})
        .resizable({
            containment:"parent",
            handles: "e, w"
        });

现在我想将处理程序从 "e, w" 传递到 "n, s"，但是当我这样做时：

$(line)
.resizable({
    containment:"parent",
    handles: "n, s"
});

我的处理程序没有改变。为什么？

感谢您的关注。

Answer 1

当前缺少此选项的 setter 选项：bug link 但一旦它得到解决，您可以为 handles 选项调用可调整大小的 setOption 方法：

$(line).resizable("option", "handles", "n, s");

同时执行以下操作：

var options = {
    containment:"parent",
    handles: "e, w"
};
$(line)
.draggable({containment:"parent"})
    .resizable(options);

然后在更改句柄时执行：

options.handles = "n, s";
$(line).resizable("destroy");
$(line).resizable(options);

Change dynamically jQuery resizable handlers