Buenas,
Estoy haciendo unos elementos que son droppables en un menu.
Para ello tengo 3 divs:
http://img600.imageshack.us/img600/9927/sinttulo1vv.png
El div rojo es el menu que inicialmente está oculto.
El div verde hace que el div rojo aparezca al tocarle con el elemento que estamos draggando:
Código Javascript
:
Ver original$("#verde" ).droppable({
accept: "div.widget",
tolerance: 'pointer',
over: function(event, ui) {
// show rojo
}
});
El div azul hace que el div rojo se oculte al salir de el:
Código Javascript
:
Ver original$("#azul").droppable({
accept: "div.widget",
tolerance: 'pointer',
out: function() {
// Hide the red div.
}
});
El problema es que estos droppables bloquean el evento drop de este otro droppable que he creado para las secciones del menu:
Código Javascript
:
Ver original$("#menu_escritorios .escritorio").droppable({
accept: '.widget',
tolerance: 'pointer',
drop: function(event, ui) {
// Hacemos el drop
}
});
El caso es que en este ultimo droppable los eventos de over y out los detecta pero el drop no. Segun he leido parece ser que los otros droppables me estan evitando la propagacion.
En versiones anteriores de JQuery UI esto no pasaba, pero ahora he actualizado a la version 1.8.16 (La ultima) y ocurrre.
En la documentacion hablan de una opcion llamada greedy que sirve para permitir la propagacion, pero no me funciona, es decir, no hace lo correcto.
Alguna ideaa de como solucionarlo??
Gracias.