jQuery的可resize的插件：使用哪个句柄？

你能否告诉我如何知道哪个句柄（n，e，s或w）用于调整元素的大小？

Answer 1

话题很老但我正在寻找相同的答案并找到了这个方法。

  var handleTarget; //set scope $('#resize-this').resizable({ handles: 'n,e,s,w', start: function(ui,event){ handleTarget = $(event.originalEvent.target); }, resize: function(ui,event){ if (handleTarget.hasClass('ui-resizable-s'){ //do stuff } } )}; 

Answer 2

handle String, Object Default:'e, s, se'

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

如果指定为对象，则支持以下键：{n，e，s，w，ne，se，sw，nw}。 任何指定的值应该是一个jQuery选择器，匹配resizable的子元素以用作该句柄。 如果句柄不是resizable的子句，则可以直接传入DOMElement或有效的jQuery对象。

代码示例

使用指定的句柄选项初始化resizable。

 $( ".selector" ).resizable({ handles: 'n, e, s, w' }); 

在init之后获取或设置handle选项。

 //getter var handles = $( ".selector" ).resizable( "option", "handles" ); //setter $( ".selector" ).resizable( "option", "handles", 'n, e, s, w' ); 

资源