jQuery UI：在init之后更改可调整大小的句柄

Question

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

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

稍后更改句柄

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

console.log( $(selector).resizable('option',handles') );的结果显示sw
但似乎可调整大小的小部件并没有反映出这种变化。

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

Answer 1

这实际上是bug in jQueryUI。

但是有一种解决方法（虽然有点hacky）：

将以下类添加到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');