1

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");
    });
4

1 に答える 1

1

.resizable提供サイズ変更：コールバック

$( "#img1" ).resizable({
    grid: [10,10],
    resize: function(event, ui){
      var img = event.target;
      //do your stuff
    }
});
于 2013-01-11T06:04:20.273 に答える