Как определить функцию обратного вызова для изменения размера левой стороны в jQuery-UI

У меня есть страница с объектом изменения размера jQuery-ui, и я знаю, как предоставить функцию обратного вызова, когда объект изменяется, но это есть способ предоставить функцию обратного вызова, которая выполняется только, если левая сторона div изменяется?

Вот что у меня пока есть. Он вызывает функцию resizeGrid (), когда div изменяется с любого направления.

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

1 ответ

  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>