jquery는 양식 필드로 연락처를 드래그 앤 드롭합니다.

Question

jquery를 사용하여 연락처 블록 (예 : 휴대폰 번호)에서 항목을 드래그하여 양식 필드에 놓을 수있는 방법을 알아 내려고 노력했습니다. 텍스트 영역을 클릭 한 다음 닫기 단추 (연락처 추가시 아이폰 메시징과 같은 것)를 제거하여 텍스트 영역을 제거합니다.

도움을 주시면 대단히 감사하겠습니다.

Answer 1

이 시도 :

$(function() { 
     $("ul > li").draggable({ 
      appendTo: "body", 
      helper: "clone" 
     }); 
     $("div").droppable({ 
      drop: function(event, ui) { 
       createNode(ui.draggable.text(), $(ui.draggable)) 
       $(ui.draggable).hide(); 

      } 
     }); 
    }); 

    function createNode(text, origNode) { 
    $("div").append(
     $('<span class="node"/>').html(text).append(
      $('<span class="close"/>').click(function() { 
       origNode.show(); 
       $(this).parent().remove(); 
      }).html('x') 
     ) 
    ); 
    } 

데모 : http://jsfiddle.net/codef0rmer/G6fmF/