jQuery로 요소를 드래그 앤 드롭

Question

어쩌면 도움이 될 수 있습니다. dragable (복제하지 않음) div를 사용하여 하나의 열을 만들고 싶습니다.이 div는 4 개의 div (부트 스트랩 col-md-3). 드래그 가능한 요소에는 col-md-3 또는 col-md-6의 두 가지 크기가 있습니다. 나는 비슷한 (http://jsfiddle.net/py3DE/)를 발견하지만 난 제대로

$(".source .item").draggable({ revert: "invalid", appendTo: 'body', helper: 'clone', 
    start: function(ev, ui){ ui.helper.width($(this).width()); }     // ensure helper width 
}); 

$(".target .empty").droppable({ tolerance: 'pointer', hoverClass: 'highlight', 
    drop: function(ev, ui){ 
     var item = ui.draggable; 
     if (!ui.draggable.closest('.empty').length) item = item.clone().draggable();// if item was dragged from the source list - clone it 
     this.innerHTML = '';              // clean the placeholder 
     item.css({ top: 0, left: 0 }).appendTo(this);        // append item to placeholder 
    } 
}); 

$(".target").on('click', '.closer', function(){ 
    var item = $(this).closest('.item'); 
    item.fadeTo(200, 0, function(){ item.remove(); }) 
}); 

Answer 1

업데이트하는 경우 작업을 다시 기운 'item.clone(). (드래그)' 'item.draggable()', 그것은 복제하지 않습니다 .

js code

if (!ui.draggable.closest('.empty').length) item = item.draggable()