如何在可调整大小的函数中获取X Y坐标？

Question

我使用jQueryUI的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坐标。

我的问题是，每次调整div后，如何获取X和Y坐标并调用startResizing()函数？

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