jquery實時更新resizeable（）

Question

我正在尋找一種方法來更新一些文本實時調整大小的div。現在，這部作品在完成後調整大小＃DIV IMG1之後更新的內容，但我寧願如果像素的高度和寬度可以顯示和更新爲您拖動的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 
    } 
});