Как сделать jQuery-перетаскивание действительно привязанным к палитре одинакового размера

Question

У меня правильно настроены перетаскиваемые объекты с помощью jquery-ui.Они оба имеют одинаковый размер, поэтому перетаскиваемый объект должен хорошо прилегать к нему.Есть ли какой-нибудь способ сделать защелкивающийся предмет посередине предмета, чтобы полностью покрыть его?Кажется, что если я использую параметр snap:, он просто привязывается к краям, а не обязательно к середине бросаемого элемента.

Answer 1

Разве это не сделает работу, даст или возьмет пиксель:

    drop: function(event, ui) { 
    $(ui.draggable).offset($(this).offset());
    }

Answer 2

Или, поскольку вы уже используете jQuery UI, есть метод position

drop: function(event, ui) { 
  ui.draggable.position({of: $(this)});
}