jquery將聯繫人拖放到表單字段

Question

我一直在試圖弄清楚如何使用jquery從聯繫人塊（作爲示例移動號碼）拖動項目並將其放入表單域或一個文本區域，然後通過關閉按鈕刪除它們（有些東西就像添加聯繫人時的iphone消息）。

您的幫助將不勝感激。

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/