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/