javascript - jQuery UI: dragenter でドラッグ可能

Question

jQueryのドラッグ可能なアイテムについては、このガイドに従っています。

私が見逃している唯一のことはdragenter、dragleave中間要素の CSS をいじるイベントです。hoverClassドラッグ可能な要素が移動されたときに、ドロップ可能な要素のプロパティのみを提供します。他の要素の CSS を変更する必要がある場合はどうですか?

現在のコードは次のようになります。

$(".part").draggable({
    start: startDrag,
    stop: stopDrag,
    revert: true
});
$(".parts-action").droppable({
    accept: '.part',
    hoverClass: 'hovered',
    drop: handleDrop
});

それに加えて、次のようなものが必要です。

$(".wrapper").on('dragenter', function (e) {
    $(this).next(".parts-action").show();
});

$(".wrapper").on('dragleave', function (e) {
    $(this).next(".parts-action").hide();
});

しかし、draggable()一緒に使用すると機能しません。

私も試しました：

$(".part").draggable({
    drag: handleDrag
})

function handleDrag(e, ui){
    /* how to know if active draggable is on some element other than droppable? */
}

これは、ドラッグ可能およびドロップ可能に関連付けられているため、非常に混乱します。