jquery draggable을 사용하여 드래그 할 때 부트 스트랩 "열"요소의 너비 유지

Question

부트 스트랩 (3.x) 프레임 워크를 사용할 때 문제가 발생하며 jquery의 draggable 기능을 사용하여 요소 목록을 드래그 할 수 있도록 지정했습니다 요소가 끌기 시작하자마자 jquery가 position:absolute;을 추가하므로 적절한 너비가 손실되므로 컨테이너 .row 흐름에서 제거됩니다.

예를 들어 드래그 할 수있는 요소의 클래스가 .col-lg-6 인 경우 일반적으로 포함 된 요소의 50 %가되지만 드래그를 시작하자마자 바로 요소가 뷰포트의 100 %가됩니다.

끌기 프로세스 중에 드래그 가능 항목의 스타일을 유지하여 원본 크기를 유지하려면 어떻게해야합니까?

당신은 원래 요소에서 치수를 잡고 도우미 요소에 적용 할 필요가

Answer 1

: 아마

$(el).draggable({ 
    helper: 'clone', 
    start: function (event, ui) { 
    var w = $(this).css('width'); 
    var h = $(this).css('height'); 
    ui.helper.css('width', w).css('height', h); 
    } 
}); 

Demo here