jQuery的可調整大小的插件：使用哪個句柄？

Question

你能告訴我如何知道使用哪個手柄（n，e，s或w）來調整元素的大小？

Answer 1

處理 String, Object Default:'e, s, se'

如果指定爲字符串，應該是任何 的下一個逗號分割列表：「N，E，S，W，東北，東南，西南，全部'。必要的句柄 將由插件自動生成。

如果指定爲對象，則支持以下鍵：{n，e， s，w，ne，se，sw，nw}。任何指定的值應該是一個jQuery 選擇器，該選擇器匹配可調整大小的子元素以用作該 句柄。如果句柄不是可調整大小的孩子，則可以直接傳入 DOMElement或有效的jQuery對象。

代碼示例

初始化與指定的手柄選項調整大小。

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

在init之後獲取或設置句柄選項。

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

source

Answer 2

話題是老了，但我一直在尋找相同的答案，發現這個方法。

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 
     } 
     } 
    )};