Posición del mouse relativa a div
Estoy usando jquery ui para arrastrar y soltar. Estoy tratando de obtener la posición del mouse en relación con div, aquí está mi código:
$( "#db_tables " ).droppable({
activeClass: "ui-state-default",
hoverClass: "ui-state-hover",
drop: function( event, ui ) {
var x = ui.position.left - ui.offset.left; // tired event.pageX - this.offsetLeft;
var y = ui.position.top - ui.offset.top; // tired event.pageY - this.offsetTop;
$( '<div style="margin-top:' + y + 'px; margin-left:' + x + 'px; "></div>' ).html( ui.draggable.html() ).appendTo( this );
}
});
Pero la posición de la caída de div no es correcta. ¿Alguien puede decirme qué hay de malo en el código?