JQuery UI drappable draggable 여러 드래그 앤 드랍 후에 HTML이 손상되었습니다.

Question

여러 드래그 앤 드랍 후에 두 영역 (드래그 가능한 왼쪽, 드롭 가능 - 오른쪽)이 변경되었습니다. 두 영역의 일부 섹션에서 HTML이 변경됩니다 (경우에 따라 왼쪽 또는 오른쪽 영역 만 변경됨). 갑자기 어떤 요소들 사이에 여백이 없어지고 배경이 푸른 색으로 변하는 것 같습니다.

어떻게 든 드래그 가능/삭제 가능 영역을 새로 고칠 수 있습니까?

$(function(){ 

    $(".draggable").draggable({ 
    revert: "invalid", 
    stack: ".draggable", 
    helper: 'clone' 

    }); 

    $('.droppable').droppable({ 
    accept: ".draggable", 
    drop: function(event, ui) { 
    var droppable = $(this); 
    var draggable = ui.draggable; 
    // Move draggable into droppable 
    draggable.clone().appendTo(droppable); 
    draggable.css({float:'left'}); 
    } 
}); 


}) 

Answer 1

문제는 일부 div의 수신 및 기타하지 않는 것이 플로트입니다 : 낙하 할 -

예는 드래그에 대한 here

코드입니다. 어느 쪽이든 당신은 당신의 CSS에 다음을 추가 :

.draggable { 
    float: left; 
} 

당신은 모두 당신의 플로트를 삭제하거나 맑은 추가 : 다른 모든 div를 위해 왼쪽 속성을.

당신은 CSS 부분을 추가하는 경우 해당 라인을 생략 할 수 있습니다

draggable.css({float:'left'}); 

당신의 js 파일에 있습니다.