jQuery ui - droppable 내부에서 삭제 가능

Question

나는 droppable 내부에서 droppable을 사용하지만 아이는 작동하지 않습니다. 내가

• 을 수행하는 셈이다 무엇

  나는 #droppable 낙하 할 부모가있다.

• 제 첫 번째 부모 droppable은 두 개의 요소 #child-drop1과 #child-drop2을 허용합니다.
• 다시 두 개의 요소 #child-drop1 및 #child-drop2이 droppable 래퍼로 동작해야합니다.
• 하지만 이제는 아이에게 dropable 요소를 추가하려고 할 때주의해야합니다.
• 그게 전부입니다.

---

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'});