javascript - 动态更改 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);