У меня на самом деле есть два вопроса, главный в названии. У меня есть несколько элементов div на странице, помеченных как сбрасываемые. Внутри этих элементов div у меня есть пролеты, помеченные как перетаскиваемые. Я хочу, чтобы, когда вы перетаскиваете элемент, и он находится над областью сбрасывания, эта область либо подсвечивается, либо имеет рамку, чтобы они знали, что могут ее там уронить.

В качестве вторичного вопроса все мои перетаскиваемые элементы имеют отображение: блок, ширина и число с плавающей запятой, поэтому они выглядят красиво и аккуратно в моих областях, которые могут быть сброшены. Когда предметы падают, они, кажется, получают заданную им позицию, поскольку они больше не плавают красиво и аккуратно, как остальные мои вещи. Для справки, вот мой JavaScript.

$('.drag_span').draggable({
    revert: true
});
$('.drop_div').droppable({
    drop: handle_drop_patient
});

function handle_drop_patient(event, ui) {
    $(this).append($(ui.draggable).clone());
    $(ui.draggable).remove();
}