从jquery.ui.resizable获取旧的大小值

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"></script>

<div id="resizableElement" style="width: 200px; height: 200px; background-color: #ccc;"></div>

<script>
  $(function() {
    $("#resizableElement").resizable({
      start: function(event, ui) {
        // 在调整大小开始时触发的回调函数
        var oldWidth = ui.originalSize.width; // 获取旧的宽度值
        var oldHeight = ui.originalSize.height; // 获取旧的高度值
        console.log("旧的宽度值：" + oldWidth);
        console.log("旧的高度值：" + oldHeight);
      },
      resize: function(event, ui) {
        // 在调整大小过程中触发的回调函数
      },
      stop: function(event, ui) {
        // 在调整大小结束时触发的回调函数
      }
    });
  });
</script>