끌어서 놓기 탐색

Question

내 사이트의 끌어서 놓기 탐색을 만들려고합니다. 아이디어는 방향을 잡아서 (예 : 우리, 집, 연락처 등) 공간으로 드래그 앤 드롭하여 다른 페이지로 연결하는 것입니다 (이 http://www.carbonstudio.co.uk/과 같은 종류).이 jquery를 좋아하지만 아무 것도 없습니다. 이런 식으로 시작하는 법. 드래그를 사용하여 당신은 당신이 드래그 앤 드롭을 사용하는 데 필요한 코드 만보다 jQuery UI draggable

을 사용할 수 있습니다 드롭

Answer 1

입니다 : 예는 것보다

$("#draggable").draggable(); 

이 jQuery UI Droppable see this link

를 사용하려면 :

$("#draggable").draggable(); 
$("#droppable").droppable({ 
    drop: function(event, ui) { 
    $(this) 
     .addClass("ui-state-highlight") 
     .find("p") 
     .html("Dropped!"); 
    } 
});