可調整大小是添加第二個包裝，而不是更改第一個的大小

Question

我正在使用resizable（）和draggable（）jQuery UI功能來操縱我的應用程序中的圖片。

的代碼工作正常：

$(document).on('click', 'img', function(event){ 
     $(this).resizable(); 
     $(".ui-wrapper").draggable(); 

    return false; 
    }); 

的問題是，是，當我回來我的應用「內容編輯器」模式下，它的工作原理錯誤的，因爲可調整大小的（）是增加第二」。 ui-wrapper「而不是操縱舊的。

You can see the problem on my application - 轉到內容模式，添加圖片，調整大小，返回到樣式模式，再回到內容模式 - 在這裏，當您單擊圖片時，可調整大小和拖動效果不能正常工作。效果是這樣的：http://jsfiddle.net/7GrbM/6/

Answer 1

你的做法會造成許多麻煩，我，我就會把一個按鈕拖動/調整圖像大小&上，如果點擊然後先摧毀大小可調/可拖動的情況下，則可以調整大小/可拖動該圖像;用戶更多的工作較少驚喜

隨後的模式變化 - >所有復位到不能拖動/不可調整大小

或者我把所有的img大小可調/可拖動的默認（和保存時破壞/出口/不管

也是爲什麼不

$(document).on('click', 'img', function(event){ 

    $(this).resizable().draggable(); 

return false; 
});