컨테이너에 떨어 뜨린 복제 된 draggable을 제거하는 방법은 무엇입니까?

위젯 빌더 (droppable)에 위젯 (드래그 가능)을 드래그 할 수있는 위젯 빌더 앱을 만들었습니다. 여러 위젯 (클론)을 빌더로 끌어 올 수 있고 복제본을 드래그 할 수 있으며 클론은 빌더 내에서 제한됩니다.컨테이너에 떨어 뜨린 복제 된 draggable을 제거하는 방법은 무엇입니까?

위젯 빌더의 오른쪽 위 모서리에 작은 상자를 제공하여 휴지통으로 사용할 수 있습니다 (일종의 복제품으로 드래그하면 복제본을 제거 할 수 있음).

클론을 휴지통 영역으로 끌면 클론을 제거 할 수있는 누군가가 나를 도울 수 있습니까? http://jsfiddle.net/mitchslap/K8VKa/

당신이 감사합니다 감사합니다 감사합니다

여기 내 예입니다! 당신의 낙하 할 컨테이너에 드롭 기능에서 '사실'에

출처

2011-10-12 Mitch Causin

설정 '욕심'PARAM은 :

$("#trashWidget").droppable({ 
    greedy: 'true', 
    accept: function() { return true; }, 
    drop: function() { tolerance: 'fit', alert("Dropped!"); } 
});

난 그냥이 기능을 테스트 한 완벽하게 작동 :)

행운을 보인다!

출처

2011-10-20 11:04:00

와우 감사합니다. 그게 효과가있는 것 같습니다. Im는 jquery 멍청한 녀석이고 이것은 나에게 아주 새로운 것이다. QUESTION : 경고를 remove 함수로 바꿨고 부모를 제거합니다. 이 작업을 여러 번 시도한 결과 휴지통으로 드래그 한 객체를 제거하는 방법을 알 수 없습니다. 어떤 아이디어? 감사. $ ("# trashWidget") 드롭 다운 : function() {허용 오차 : 'fit', $ ("true", greedy : 'true', accept : function() {return true;} this) .parent(). children(). remove();} }); http://jsfiddle.net/K8VKa/28/ –

try : drop : function (event, ui) {허용 오차 : 'fit', $ (ui.draggable) .remove(); }. 업데이트 된 버전 : http://jsfiddle.net/K8VKa/30. ui param에는 draggable 요소에 대한 모든 정보가 있습니다. :) 도움이 되길 바랍니다! –

굉장합니다. 그것은 트릭을했다. 고맙습니다! –

컨테이너에 떨어 뜨린 복제 된 draggable을 제거하는 방법은 무엇입니까?

답변

관련 문제