Question

我有一个带有jquery-ui resize对象的页面，我知道如何在调整对象大小时提供回调函数，但是有一种方法可以提供一个回调函数，只有在div的左边是调整大小？

这是我到目前为止所拥有的。当div从任何方向调整大小时，它调用函数resizeGrid（）。

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

Answer 1

您可以将ui.originalPosition.left与ui.position.left进行比较，这会告诉您左侧尺寸是否正在调整大小。像这样：

$('div').resizable({

  handles: 'n, e, s, w',
  resize: function(e, ui) {
    var instance = $(this).resizable('instance');
    console.log(ui.position.left != ui.originalPosition.left)
  }
})

 #resizable {
   width: 200px;
   height: 200px;
   border: solid 1px black;
 }

<script type="text/javascript" src="//code.jquery.com/jquery-2.1.4.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.11.4/themes/ui-lightness/jquery-ui.css">

<div id="resizable"></div>

如何在jQuery-UI

1 个答案: