Question

您能否告诉我如何知道哪个句柄（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

<强>手柄 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的子元素以用作该元素   处理。如果句柄不是可调整大小的子句，则可以传入   直接使用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' );

source

jQuery resizable插件：使用哪个句柄？

2 个答案: