Положение мыши относительно div

Я использую jquery UI для перетаскивания. Я пытаюсь получить положение мыши относительно div, вот мой код:

$( "#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 );
  }
});

Но позиция сброшенного div неверна. Кто-нибудь может сказать, что не так с кодом?

Ответы на вопрос(1)

Ваш ответ на вопрос