2

好的，所以我对此有点迷茫。jQuery UI 文档指出，在可调整大小时，我可以有可见的句柄，据我所知，这些句柄是可见的图标/图片（我理解正确吗？）

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

所以如果我指定'all'，我应该在我的对象上都有句柄吗？如果是这样，它似乎不起作用——我只在“se”角落看到一些东西。

现在查看jQuery UI 可调整大小的源代码，似乎这是它应该工作的唯一方式：

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

我错过了什么吗？我可以自己创建它们吗？

4

1 回答 1

0

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

有关如何将它们附加到您自己的 DOM 对象的信息，请参阅API 文档，您可以轻松地自定义其外观。快速示例：

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

或者，您可以使用自己的设置覆盖 .ui-resizable-handle.ui-resizable-{direction} 的基本 css。

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

于 2013-08-26T22:59:51.670 回答