jquery - jQuery ui - ドロップ可能内でドロップ可能

Question

ドロッパブル内でドロッパブルを使用していますが、子ドロッパブルが機能しません。

私がやろうとしていること

• 私は親 droppable を持ってい#droppableます。
• 私の最初の親 droppable は、2 つの要素#child-drop1とを受け入れます#child-drop2。
• 繰り返しますが、上記の 2 つの要素が必要#child-drop1であり#child-drop2、ドロップ可能なラッパーとして動作します。
• しかし、子のドロップ可能な要素に要素をドロップしたいときは、通知が発生します。
• それで全部です。

---

   jQuery( '#droppable' ).droppable({
        activeClass: 'active',
        accept:'#child-drop1, #child-drop2',
        hoverClass: 'hover',
        drop: function( event, ui ) {
            jQuery('<div id="child-drop"><div>).appendTo( this );
        }
    }); 

    jQuery( '#child-drop1, #child-drop2' ).droppable({
        activeClass: 'active',
        accept:'#child-child-drop',
        hoverClass: 'hover',
        drop: function( event, ui ) {
            jQuery('<div id="child-child-drop"><div>').appendTo( this );
        }
    });