Detectar hover sobre elemento

[SeaPirates]

Hola, estoy usando la librería drag & drop y he hecho una pequeña función para detectar cuando se está soltando un elemento sobre otro que yo defino.

Código Javascript:

$('.box_default_right').live('mouseover', function() {
    var parent = $(this).parents('.box_default').data('appid');
    
    if($.session.get('appid') && parent == $.session.get('appid')) {
        $('#app_' + $.session.get('appid')).css('z-Index', 1001);
    } else if($.session.get('appid')) {
        alert("Dragging " + $.session.get('appid') + " on " + parent + "");
    }
    
});
 

El problema que tengo es que cuando arrastro un elemento, tengo el puntero encima de el y por tanto no detecta el hover del otro div si no saco el puntero de encima.

¿Alguna posible solución?

[thedaket]

Hola amigo, si quieres manipular esos eventos te recomiendo jQuery UI.
Lee las instrucciones están muy sencillas... SUERTE

[URL="http://jqueryui.com/droppable/#default"]http://jqueryui.com/droppable/#default[/URL]

[SeaPirates]

Gracias por responder, no estoy usando el UI porque me da problemas.

Lo que hago es recoger el div droppable desde un get y luego hago un append, posteriormente le indico que es droppable, pero me da un error de que no dispone del método "droppable".

Código Javascript:

$.get('jQuery/app/' + id, function(data) {
    $('#box_app_' + id).append(data);
    
    $( ".box_default_right" ).droppable({
            drop: function( event, ui ) {
                alert("dropped");
            }
    });
});
 

He tratado de solucionarlo, pero no encuentro el motivo de ese problema