Tengo dos preguntas, el título es el principal. Tengo varios elementos div en la página marcados como droppable. Dentro de estos elementos div tengo espacios que están marcados como arrastrables. Lo quiero así, cuando estás arrastrando un elemento y está sobre un área desplegable, ese área resalta o tiene un borde para que sepan que pueden soltarlo allí.¿Cómo puedo resaltar un área desplegable al pasar el mouse usando jquery ui draggable
Como una pregunta secundaria, todos mis elementos arrastrables tienen una pantalla: bloque, un ancho y un flotador en ellos, por lo que se ven bonitos y aseados en mis áreas que se pueden quitar. Cuando se eliminan los elementos, parecen tener una posición establecida para ellos, ya que no flotan bien y pulcra como el resto de mis artículos. Como referencia, aquí está mi javascript.
$('.drag_span').draggable({
revert: true
});
$('.drop_div').droppable({
drop: handle_drop_patient
});
function handle_drop_patient(event, ui) {
$(this).append($(ui.draggable).clone());
$(ui.draggable).remove();
}
¿Has mirado en http://jqueryui.com/demos/droppable/#visual-feedback – j08691
Eso fue todo, tan obvio. – Jhorra
Lo publicaré como respuesta. – j08691