jquery - 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/