HTML 끌어서 놓기 기능

저는 '온라인 설문 조사 응용 프로그램 만들기'와 같은 작업을하고 있습니다 : http://fluidsurveys.com/, 나는 사용자에게 드래그 앤 드롭 기능을 제공하고자합니다.HTML 끌어서 놓기 기능

그는 사용자가 몇 번 (한 번에 하나씩) 버튼을 드래그하여 다른 컨테이너에 드롭합니다. 내가 직면하고있는 문제는, 특정 HTML을 그가 드래그하는 모든 버튼에 드롭 가능한 컨테이너에 놓기를 원한다.

많은 드래그가 발견되었지만 모두 동일한 HTML로 항목 &을 끌어다 놓습니다. 나는 perticular 단추 끌기에 다른 html를 떨어 뜨리고 싶다.

상황을 설명하기 위해 최선을 다했는데, 코드 예제에 대한 도움은 매우 감사할만한 것입니다.

저는 이러한 종류의 요구 사항을 처리하기 위해 JQuery UI를 사용하고 있습니다.

JQuery UI에서 드래그 가능한 위젯의 "복제본"도우미를 참조하여 버튼을 드래그 할 때 객체를 만들 수 있으며 드래그 가능한 이벤트 핸들러에 함수를 연결하여 원하는 동작을 가진 객체를 만들 수 있습니다.

확인 다음과 같은 코드 : 여기

$("#div_dragIcon").draggable({ 
    helper : "clone" 
});

당신이 복제 가능한 요소를 정의 할 수는 드래그 할 수 있습니다.

그리고이 :

$("#divCanvas").droppable({ 
    drop: function (ev, ui){ 
     $(this).append(ui.helper.clone()); 
    } 
});

이 떨어 객체를 적용하고 문서에 삽입 할 컨테이너를 정의합니다.

나는이 문제에 대한 블로그 게시물을 가지고, 당신은 그것을 확인 할 수있다

2014-07-10 11:54:00 Xun

답변