jQuery ui - droppable里面的droppable

Question

我在droppable中使用了droppable，但是孩子可以放弃了。

我正在尝试做什么

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

Answer 1

我添加了以下代码和HTML＆amp;用于演示的CSS及其正常工作jsFiddle

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