как сделать Resizeable работы в JQuery

Question

У меня есть куча дивы, что я хотел бы установить его на изменяемый, но я, кажется, не получить его работу:

Я включил следующий на моей странице:

<link rel="stylesheet" href="js/jquery-ui.css" /> 
<script src="jquery.min.js"></script> 
<script src="js/jquery-ui.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#popup_box").draggable(); 
    $("#app1_cpu").draggable(); 
    $("#app1_cpu").resizable(); 
}); 
</script> 

draggable работает, но не может быть изменен() любые идеи, что я могу потерять здесь?

здесь скрипка: http://jsfiddle.net/gsaray101/RveaK/3/

выглядит как диаграмма охватывает изменяемое изображение. Любые идеи, как можно перемещать изменяемый размер изображения вне div?

Answer 1

Ваше кодирование работает отлично. Может быть, какой-то конфликт с файлом .

Лучше попробуйте использовать ссылки:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

Проверить JSFiddle.

Answer 2

Если вы хотите ид # app1_cpu быть как перетаскивать и изменяемого размера, попробуйте сделать это:

$("#app1_cpu").draggable().resizable();