jQuery ui-droppable内部的droppable

Question

我在droppable内部使用droppable，但是子droppable无法正常工作。

我正在尝试做什么

• 我有一个父droppable #droppable 。
• 我的第一个父级droppable接受两个元素#child-drop1和#child-drop2 。
• 再次，我希望以上两个元素#child-drop1和#child-drop2表现为可#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 );
        }
    });

Answer 1

我为演示及其正常工作的jsFiddle添加了以下代码以及HTML和CSS

jQuery('#child-drop1, #child-drop2, #child-child-drop').draggable({revert: 'invalid'});