jquery - jquery实时更新resizeable()

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 提供调整大小：回调

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