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

Question

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

将其更改为se角中的一个手柄

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

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

Answer 1

这似乎是一个已知错误：ticket #3423

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

<强> Working Example

$(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();
        }
    });
});