javascript - 別の div の内部から div をドラッグ アンド ドロップする

Question

のドラッグ アンド ドロップ機能を試していますが、このように a内にドラッグ アンドドロップするにはjQuery UIどうすればよいですか。div1div2div3

私の現在のコードはこのようなものです

CSS:

#div2 {
     height: 52em !important;
     min-height: 50em;
     overflow:hidden;
}

脚本：

$( function() {
    $('#div1').draggable({
        containment: '#div4'
    });

    $('#div3').droppable();
});

私のコードはにドラッグできないようdiv1ですdiv3