Autoresize родительский контейнер с перетаскиванием

Question

У меня есть три контейнера, которые автоматически изменяются при изменении размера внутреннего div. Теперь я хочу добавить функцию перетаскивания в свой код и сохранить параметр автоматического изменения размера контейнера, как это в моем примере. Как это сделать?

Я нашел несколько примеров, но ни один из них не работает с несколькими контейнерами.

$(function(){ 
    $('.inner').resizable({ 
    }); 

    /* This is not working 
     $('.inner').draggable({ 
    }); 

    */ 



}); 

Jsfiddle

Answer 1

Bind события в том же selector.

$('.inner').resizable({}).draggable({}); 

См. В вашем edited fiddle.

EDIT:

Используйте containment: parent опцию на обоих дивы для тягот движения, как в this one.

EDIT 2:

This должен решить вашу проблему. Функция обратного вызова для управления внешней высотой div называется изменением размера.

EDIT 3:

This last fiddle должны соответствовать все, что вы запрашиваете. Я взял твою скрипку в комментарии и отредактировал ее.

Answer 2

Когда вы вызываете функцию draggable, объекты перетаскиваемого объекта position будут установлены в absolute, поэтому вам нужно написать новую функцию для изменения размера и перетаскивания.

Вы можете обнаружить оператор перетаскивания с помощью mousemove и mouseup события.

mousemove событие для когда объект перетаскивается, mouseup событие для после перетаскивания.

Событие изменения размера предоставляется по умолчанию.

Проверить это fiddle