당신의 드래그 가능한 아이템이 어떤 아이템을 가리키고 있는지 어떻게 확인할 수 있습니까? (JQuery)

Question

두 목록이 있습니다. 첫 번째 항목은 드래그 가능한 항목 (예 : this)으로 구성됩니다. 둘째 줄에 연결되어 있습니다 (예 : this).

첫 번째 목록의 항목은 두 번째 목록에 끌어다 놓아 추가 할 수 있습니다. 그러면 사용자가 복제되지 않은 추가 정보임을 알 수 있도록 복제되고 녹색으로 표시됩니다.

내가 원하는 것은 두 번째 목록에서 항목을 드래그하거나, 삭제 표시하거나, 첫 번째 목록으로 되돌려 보낼 때입니다 (저장되지 않은 항목 인 경우). 그러나 사람들이 두 번째 목록을 정렬 할 수 있기를 바랍니다.

그래서 항목을 드래그하여 마우스를 놓으면 제거해야합니다. 항목을 드래그하여 다시 다시 가져 오면 삭제되지 않습니다.

마우스 업 처리기를 래핑 해 보았습니다. inside of a sortout과 함께 작동하지만 결국 목록에서 항목을 정렬 할 수 없습니다.

내가 이것을 가져 가야 할 아이디어가 있습니까?

Answer 1

다른 방법을 사용하면 이것이 생각보다 혼란스러워 보입니다. 아직 IE에서 테스트하지 않았으므로 새로운 웜 깡통이 열리므로 끌기 작업을 정렬하고 삭제 버튼 만 추가하도록하십시오. 건배,

뉴

Answer 2

당신은과 같이, 대상 목록 (ID "droplist")의 드롭 이벤트에 바인딩해야합니다

$("#droplist").bind("drop", function(event){ 
    $(this).append(event.dragTarget); // or use prepend to put it at the top 
    console.log("Dropped " + event.dragTarget.title); 
    // trigger another event to do the work around checking if it is an unsaved addition 
}) 

당신이 주위에 컨테이너 요소에 바인딩을 시도 할 수 밖으로 드래그에서 항목을 제거하려면 기울기.

$("#background").bind("drop", function(event){ 
    event.dragTarget.remove(); // guessing here 
}) 

코드 스 니펫은 더 이상 도움이 될 수 있습니다.