问jQuery用户界面-可调整大小图像的自定义句柄

EN

是的，这里有一个问题--如何为可调整大小的img元素设置自定义句柄？

我有图像元素，它在jQuery UI中被设置为可调整大小()。为了设置自定义句柄，它们需要是可调整大小元素的子元素。然而，这是不可能的图像元素。

jQuery用户界面文档指定您还可以从可调整大小的元素之外设置句柄：http://api.jqueryui.com/resizable/#option-handles

任何指定的值都应该是与可用作该句柄的可调整大小的子元素相匹配的jQuery选择器。如果句柄不是可调整大小的子对象，则可以直接传入DOMElement或有效的jQuery对象。

我的JSFiddle：http://jsfiddle.net/asavin/2LXG8/3/

联署材料：

$('#elementResizable').resizable({
    handles: {
        'nw': '#nwgrip',
            'ne': '#negrip',
            'sw': '#swgrip',
            'se': '#segrip',
            'n': '#ngrip',
            'e': '#egrip',
            's': '#sgrip',
            'w': '#wgrip'
    }
});

你可以看到手柄，但他们什么也不做。

下面是关于SO的另一个相关问题，也没有答案：jQuery UI调整自定义句柄的大小，而不是调整大小元素的子元素。

我也对其他解决方案持开放态度。重点是使图像可调整大小，并具有自定义句柄。