JQUERY Droppable propagacion

[leif_sk8er]

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:

$("#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:

$("#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:

$("#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.

[chichote]

leif_sk8er podrias poner online el ejemplo, muchas veces es mas facil debuguear el ejemplo que tratar de analizar bloques de codigos que no dicen mucho, incluso puede ser otro bloque de js que te este dando conflicto.

Saludos.

[leif_sk8er]

No hay problema! Ya lo he preparado, pero preparandolo he descubierto el error. Aunque no entiendo muy bien por que ocurre ... :S

Puedes ver el ejemplo aqui:
http://dl.dropbox.com/u/7462968/a.xhtml

Si ves la consola saltará el log de cuando entras con el cuadro draggable en el rojo, que aparece el menu, y cuando sales del verde se oculta. Al soltar sobre el menu hará el log de DROP!

Pero no funciona...

En cambio en esta otra version si que funciona:
http://dl.dropbox.com/u/7462968/b.xhtml

Lo unico que cambia es como está ordenado el js. En el primero declaré el drop del menu y luego el drop de cuando entra y el drop de cuando sale... Parece que estos bloquean el otro.

En el segundo está al contrario, primero esos eventos y despues el drop del menu. En ambos siempre se detecta el over y el out, con lo que como en los otros divs solo necesito el over y el out no habria problema... aunque pobre de mi si en el futuro se me plantea un caso donde tb tenga que hacer drop en esos divs... :S

No entiendo por que ocurre esto. De hecho en versiones anteriores no ocurria, actualize a la 1.8.16 y de repente me encuentro con esto.

Alguna idea?

[leif_sk8er]

Cherivera pudiste comprobar los codigos y llegar a alguna deduccion?

[chichote]

hola leif_sk8er , recien hoy me meti a forosdelweb, en cuanto tenga un tiempo le hecho un ojo.

Saludos.

[leif_sk8er]

AUn sigo con la duda :S