jQuery可调整大小的触发器调整大小

Question

我想resizedocument.ready上的可调整大小的可拖动图像。

问题是，如果我改变图像的宽度，可调整/可拖动的其余部分将被打破。

开始演示：http://jsfiddle.net/8VY52/
$('#image').width(50);：http://jsfiddle.net/8VY52/141/

是否有任何resize事件必须被触发？

Answer 1

为什么不调整图像大小后的文件已经准备好，然后套用调整大小功能：

$('#draggableHelper').draggable(); 

$(function(){ 
    $('#image').width(50); 
    $('#image').resizable(); 
}); 

例子：http://jsfiddle.net/8VY52/145/

如果你想这样做，就在这里一个按钮单击事件是一个工作示例：

$('#draggableHelper').draggable(); 

$(function(){ 
    $('#image').width(50); 
    $('#image').resizable(); 

    $('#resize-button').on('click',function(){ 
     var size = 150; //Or what ever you want 
     $('#image').resizable('destroy'); 
     $('#image').width(size); 
     $('#image').resizable(); 
    }); 

}); 

http://jsfiddle.net/8VY52/147/