jquery resizable句柄 - 他们应该工作吗？

Question

好的，所以我对此有点失落。 jQuery UI的文件指出，在可调整大小的，我可以有肉眼可见的手柄，其根据我的理解是可见的图标/图片（做我正确地理解这一点？）

如果指定为字符串，应该是一个逗号分割的任何名单如下：'n，e，s，w，> ne，se，sw，nw，all'。必要的句柄将由插件自动生成。

因此，如果我指定'全部'，我应该处理所有的对象？如果是这样，它似乎并没有工作 - 我只在'se'角落有东西可见。

现在看看jQuery UI resizable source code，似乎这是它supossed工作的唯一途径：

if ('se' == handle) { 
    axis.addClass('ui-icon ui-icon-gripsmall-diagonal-se'); 
}; 

我缺少的东西？我可以自己创建它们吗？

Answer 1

该代码告诉小部件只需要为SE句柄设置一个漂亮的图标，如果它们是自动生成的。实际上，它仍然是将每个角落中的小型隐形框创建为可以拖动的小型隐形框，没有任何图标（jQuery UI iconset实际上没有任何其他类似的控制柄）。

请参阅the API doc了解如何将它们附加到您自己的DOM对象，您可以轻松地自定义外观。简单的例子：

$('#targetToMakeResizable').resizable({handles : { ne : ".jquerySelectorForNEHandle", sw: ".jquerySelectorForSWHandle" }, aspectRatio : true}); 

或者，你可以覆写的.ui调整大小，handle.ui-resizable- {}方向基本CSS与你自己的设置。

这里有一个jsfiddle来演示这两种方法。请注意，按照我所做的方式旋转图标可能不适用于每个浏览器。