jquery-ui - 无法使用选项更改调整大小手柄

Question

我在http://jsfiddle.net/stevea/AbARW/3/有一个 jsfiddle，其中图像最初配置为在所有四个角都有调整大小的句柄。当我单击按钮时，我尝试将其更改为仅在 se 角落的一个手柄，使用

 $('button#changeHandles').click(function() {
        $('img#pelican').resizable('option', 'handles', 'se');
    });

但这似乎没有效果。有没有人看到问题？

Answer 1

看来这是一个已知的错误：ticket #3423

我使用.hide()组合了一个解决方法，并冒昧地让您的按钮来回切换手柄，而不是一次性使用。

工作示例

$(function () {
    $('img#pelican').resizable({
        handles: 'ne,se,sw,nw',
        aspectRatio: true
    });

    $('button#changeHandles').click(function () {
        if ($('.ui-resizable-ne, .ui-resizable-nw, .ui-resizable-sw').is(':visible')) {
            $('.ui-resizable-ne, .ui-resizable-nw, .ui-resizable-sw').hide();
        } else {
            $('.ui-resizable-ne, .ui-resizable-nw, .ui-resizable-sw').show();
        }
    });
});