jqueryui で要素をサイズ変更可能にし、jqueryui resizable を使用せずに、たとえば jquery.css('width') によってこの要素のサイズを変更すると、jqueryui のサイズ変更可能なハンドルは要素と共に移動しません。
HTML:
<img id="image" src="http://www.google.com.br/images/srpr/logo3w.png"/>
<input id="resizeImage" type="button" value="Resize Image" />
脚本:
var image = $('#image');
image.resizable();
$('#resizeImage').on('mouseup', function () {
image.css('width', parseInt(image.width() - 1, 10) + 'px');
});
これを回避する方法はありますか?