jquery resizable（）的实时更新

Question

我正在寻找一种在调整div大小时实时更新某些文本的方法。现在，在完成＃img1 div的大小调整后，这可用于更新文本，但我更喜欢可以显示和更新像素高度和宽度 你是拖动jquery可调整大小的句柄。

    $( "#img1" ).resizable({
        grid: [10,10],
      });

    $('#img1').mouseup(function() {
      img1width = $("#img1").width();
      img1height = $("#img1").height();

      $( "#img1-height" ).html("H: "+img1height+"px");
      $( "#img1-width" ).html("W: "+img1width+"px");
    });

Answer 1

.resizable提供了resize：callback

$( "#img1" ).resizable({
    grid: [10,10],
    resize: function(event, ui){
      var img = event.target;
      //do your stuff
    }
});