У меня были некоторые проблемы при экспериментировании с вашим решением, но вы поставили меня на путь, поэтому я опишу мою проблему и решение, если это поможет кому-то еще.
Мой случай: планирование с опускаемыми div-элементами, представляющими каждого сотрудника, и перетаскиваемыми div-элементами с изменяемым размером, представляющими задачи.
Проблема: Совершенно то же самое, только то, что мои «задачи» уже являются потомками Droppable (происходит из базы данных) и имеют много вещей .data (), поэтому клонирование было беспорядочным.
Событие dropopable drop выдает ошибку «невозможно преобразовать аргумент javascript» и разрушает мое приложение, блокируя дальнейшее перетаскивание.
Увидев ваше решение и не воспроизведя его в моем случае, я вернулся к основам:
«Если у вас есть IQ дровосека, используйте топор».
Итак, вот что:
$("#dragme").draggable({
helper: 'original', //Needed in my case
cursor: 'move',
tolerance: 'fit',
start: function(event,ui){
$(this).resizable( "destroy" );/* The resizable generates troubles to the droppable?
Well let's remove the problem...
*/
}
}).resizable({
/*All my functions to apply to the task when resized*/
});// I'm creating the resizable immediately because needed to attribute more or less time to the task
$("#droppable").droppable({
drop: function(e, ui) {
/*All my drop functions to manage the task*/
//creating the resizable again PROBLEM SOLVED
$(ui.draggable).resizable({
/*All my functions to apply to the task when resized*/
});
}
});
Надеюсь, это поможет
Примечание: не очень уверен в моем уровне владения английским языком, поэтому в случае ошибок или неправильного написания, пожалуйста, обратитесь к разделу «Назад к основам» и простите меня ;-).