如何在可調整大小的函數中獲取X Y座標？

Question

我使用jQuryUI的resize()方法。這裏是我的代碼：

$(function() { 
    $("#resizable").resizable(); 
    startResizing(event.clientX, event.clientX); // how to get coordinates 
}); 

<div id="resizable" class="ui-widget-content"> 
    <h3 class="ui-widget-header">Resizable</h3> 
</div> 

在功能當div被調整，我需要調用一個名爲startResizing()功能，並通過X和Y座標之上。

我的問題是我怎樣才能得到X和Y座標，並調用startResizing()函數每次div已被調整大小？

Answer 1

您可以使用resize事件可調整大小的方法：

$(function() { 
    $("#resizable").resizable({ 
     resize: function(e, ui) { 
      startResizing(ui.position.left, ui.position.right); 
     } 
    }); 
}); 

更多的jQuery UI的文檔中提供的信息：http://api.jqueryui.com/resizable/#event-resize