jquery - jquery droppable - ネストされた div、実際のターゲット ID を取得

Question

私はこのようなものを持っています:

    $('#mover' ).draggable({});
    $('div').droppable({
    drop: function(event, ui) {
        console.log(event.target.id)
    }

それから

<div id="container">
    <div id="target_1"></div>
    <div id="target_2"></div>
    <div id="target_3"></div>
</div>

ムーバーをdivにドロップすると、「コンテナ」が返されます。アイテムがドロップされた最下位の子を代わりに返すにはどうすればよいですか?

Answer 1

コンテナの子をドロップ対象にしてみませんか？

$('#container').children().droppable(...