две функции jquery не работают

Question

У меня есть функция jquery, но только изменчивая работа не перетаскивается. Если я удалю изменение размера, то только перетащить работу.

function drag(obj) { 
     $(function() { 
      $(obj).draggable({containment: "#design"}); 
     }); 
     $(function() { 
      $(obj).resizable({containment: "#design"}); 
     }); 
    } 

HTML является:

<img width="150px" src="abc.png" ondrag="drag(this)" onclick="drag(this)" id="imgs" class="ui-widget-content"> 

Я хочу, чтобы как изменяемую и перемещаемую работу. Как я могу это сделать ?

Answer 1

Когда вы создаете элемент, изменяемый по размеру, он обертывает этот элемент в div. Для перетаскивания для работы с одним и тем же элементом вам необходимо настроить таргетинг на его новый родитель.

$('img').resizable({containment: "#design"}); 
$('img').parent().draggable({containment: "#design"}); 

См: https://jsfiddle.net/x30zLdeg/