Question

好的，所以我对此有点失落。 jQuery UI文档声明在resizable上我可以有可见的句柄，据我所知是可见的图标/图片（我能正确理解吗？）

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

如果我指定'all'，我应该在我的对象上处理？如果是这样，它似乎不起作用 - 我只在'se'角落看到了一些东西。

现在看jQuery UI resizable source code，看来这是上传工作的唯一方式：

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-resizable-handle.ui-resizable- {direction}的基本css。

这是展示这两种方法的jsfiddle。请注意，以我完成的方式旋转图标可能无法在每个浏览器中运行。