[jQuery UI] 基本メモ: Resizable – 端くれプログラマの備忘録

サンプルコード

<div class="box" style="width:50px; height:50px; background:#ccc;">box</div>

1	<div class="box" style="width:50px; height:50px; background:#ccc;">box</div>

$('.box').resizable({
    handles: 'all',
    aspectRatio: true, //縦横比維持
    stop: function(event, ui) {
        console.log(ui.size.width, ui.size.height);
    }
});

$('.box').resizable({

handles: 'all',

aspectRatio: true, //縦横比維持

stop: function(event, ui) {

console.log(ui.size.width, ui.size.height);

}

});

参考サイト

Resizable | jQuery UI
https://jqueryui.com/resizable/

サンプルコード

参考サイト

関連記事