2014-07-22 4 views
0

앱을 드래그 앤 드롭 한 div의 크기를 변경할 수 있도록하려고합니다. div는 드롭 영역에 드롭되며 크기는 변경 될 수 있습니다. 드롭 영역은 패널이없는 집의 측벽과 같으며 떨어 뜨린 div는 크기에 따라 다양한 색상과 가격의 패널입니다.jquery 드래그 앤 드롭

내가 가진 문제는 복제본을 삭제 한 후에 원래 div를 유지하는 것입니다. 나는 무엇을 잘못하고 있는지 확실히 모르겠다.

 'http://jsfiddle.net/steven27030/JL6sL/' 

이것은 내가 작업 한 바이올린입니다.

+0

에서 확인할 수있다. 그렇다면 여기에 설명 된 것처럼 "clone"도우미를 정의해야합니다. http://api.jqueryui.com/draggable/#option-helper – FrEaKmAn

+0

도우미 기능을 가지고 있기 때문에 내가 원하는 div처럼 보이지만 설정할 수 있습니다. 그것을 원래의 div처럼 보이지 않는 복제합니다. 나는 수수께끼를 얻을 수 없지만 링크는 http://jsfiddle.net/steven27030/JL6sL/ – user3303279

답변

0

드래그 가능한 파일을 복제해야합니다. 나는 새로운 드롭 기능

drop: function (ev, ui) 
{ 
    var clone = ui.draggable.clone(); 

    var nl = $("#droppable").width(); 
    var nh = $("#droppable").height(); 
    clone.width(nl).height(nh); 

    $(this).append(clone); 
} 

을 포함하고 전체 코드는 내가 제대로 이해하면, 당신은 여전히 ​​원래 사업부를 갖고 싶어 http://jsfiddle.net/ZUtMm/

+0

일했지만 지금은 $ ('button')을 치면 삭제가 필요합니다. (function() { $ ('.dropped'). remove(); }); – user3303279

+0

이와 비슷한 것 http://jsfiddle.net/ZUtMm/4/? – FrEaKmAn