图像可拖动但不可调整大小？ JQuery

Question

正如我在另一个问题上看到的，我尝试在div上包装img，并使div可拖动和img可调整大小，但它不起作用？

$('#container').on('dblclick', 'img', function(){ 
    $(this).wrap('<div id="resizeSelector" style="dislplay:inline-block;">'); 
    $('#resizeSelector').draggable(); 
    $(this).resizable(); 
}); 

Answer 1

将jQuery UI添加到您的html中。

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> 

工作小提琴：
http://jsfiddle.net/acturbo/2QPkE/1/

的jQuery：

$('#container img').on('dblclick', function(){ 
    $(this).wrap('<div id="resizeSelector" style="dislplay:inline-block;">'); 
    $('#resizeSelector').draggable(); 
    $(this).resizable(); 
}); 

HTML：

<div id="container"> 
    <img src="https://www.google.com/images/errors/logo_sm.gif"> 
</div> 

Answer 2

你需要包括一个链接到用户界面上，lightness.js您页。当您自定义下载JQuery UI时，此文件包含在css文件夹中