Buenas que tal estoy intentando algo bien sencillo de drag and drop pero no termino de conseguirlo.
En mi caso mi objeto draggeable es una div y mi dropable va a ser otra div lo que quiero conseguir es que al arrastrar una div a la otra, quede dentro de esta es decir lo equivalente a div1.appendChild(div2)
He intentado hacerlo de la siguiente forma:
...
//codigo dentro del droppable
drop: function(event, ui) {
$(this).appendChild( $(ui.draggable));
}
...
pero no lo he coseguido mi pregunta es como obtengo el objeto de clase div que estoy arrastrando y el objeto clase div en el que suelto el anterior para poder trabajar con ellos (hacer el appendChild)
Necesito obligatoriamente que uno sea hijo del otro por la funcionalidad de mi web.
Gracias de antemano!