jQuery的ui - droppable裏面droppable

Question

我使用droppable裏面droppable，但兒童droppable不工作。

我什麼試着做

• 我可放開#droppable父。
• 我的第一個父母可以接受兩個要素#child-drop1和#child-drop2。
• 我再次想要上面兩個元素#child-drop1和#child-drop2表現爲可拖放包裝。
• 但現在當我想放下子元素droppable注意發生。
• 就是這樣。

---

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 & CSS用於演示和它的做工精細jsFiddle

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