jQuery UI:在初始化后更改可调整大小的句柄

Question

考虑使用 jQuery UI 可调整大小的小部件初始化一个元素

$(selector).resizable({handles:'se'});

后来手柄被更换

$(selector).resizable('option','handles','sw');

console.log( $(selector).resizable('option',handles') );的结果显示sw
但似乎可调整大小的小部件不会反映此更改。

有没有办法在进行此类修改后以某种方式刷新可调整大小的小部件？

Answer 1

这实际上是jQueryUI中的一个错误。

但是有一个解决方法（虽然有点黑客）：

将以下类添加到 CSS 中：

.ui-hide-handler {
    width:0 !important;
    height:0 !important;
}

并相应地删除类：

$('.ui-icon-gripsmall-diagonal-se', selector).addClass('ui-hide-handler');
$('.ui-resizable-sw', selector).addClass('ui-hide-handler');

所以在你的情况下：

$('.ui-resizable-handle', selector).addClass("ui-hide-handler");
$('.ui-resizable-sw', selector).removeClass('ui-hide-handler');