jQuery를 동적으로 낙하 할 요소

Question

잘 작동하지 않습니다 만들어, 여러분 안녕하세요 형태 드래그 앤 드롭 만들 수있는 페이지를 개발,하지만 난 예를 들어, 내부 요소의 드롭에 문제가있어 : 여기

<div class="container"> 
   <div classs="row"> <! - I drop here -!> </ div> 
   <- Content is dropped here! : '(-!> 
</ div> 

을

 $(document).ready(function(){ 

       $("#a .row-element").draggable({ 
        revert: "invalid", 
       }); 

       $( "#a .span2-element").draggable({ 
        revert: "invalid", 
       }); 

       $(".row").droppable({ 
        accept: '.span2-element', 
        activeClass: "ui-state-hover", 
        hoverClass: "ui-state-active", 
        greedy: true, 
        drop: function(event, ui) { 
         $('<div class="span2"></div>"').appendTo(this); 
        }, 
        activate: function(event, ui) { 
         $(ui.helper).draggable({ revert: "valid"}); 
        } 
       }); 

       $(".container").droppable({ 
        accept: '.row-element , .span2-element', 
        activeClass: "ui-state-hover", 
        hoverClass: "ui-state-active", 
        greedy: true, 
        drop: function(event, ui) { 
         $('<div class="row"></div>"').appendTo(this); 
        }, 
        activate: function(event, ui) { 
         $(ui.helper).draggable({ revert: "valid"}); 
        } 
       }); 
     }); 

새로 만든 요소가 ... dropavel되지 않는다는 것을 나에게 보인다 : 내 자바 스크립트는/

어떤 제안?! 미리 감사드립니다! 모든

Answer 1

먼저 HTML 코드가 있는지 확인 : 다음

<div class="container"> 
    <div class="row"></div> 
</div> 

, 왜 당신이 수행

$('<div class="span2"></div>"').appendTo(this); 

당신은이 있어야합니다

$('<div class="span2"></div>').appendTo(this);