Jquery перетаскивание, получить отброшенный CLONE вместо обычного капли

Я использую jQuery для создания страницы перетаскивания. С помощью этого кода ниже вы можете нормализовать помещенный объект в переменную.Jquery перетаскивание, получить отброшенный CLONE вместо обычного капли

$("html").on("drop", function(event, ui) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    var dropVar = $(ui.draggable); 
    }

Однако я использую:

helper: "clone"

переменная dropVar которым я создал будет contais нормальный dropobject, но мне это нужно, чтобы содержать клон.

Как я могу положить сброшенный клон в переменную?

Мой весь код:

</head> 
<body> 
<div id="menu"> 
    <div class="titel p"> 
     p 
    </div> 
    <div class="titel h"> 
     h1 
    </div> 
    <div class="titel"><img height="60" id="block3" src="blue.png" width="150"></div> 
    <div class="titel"><img height="60" id="block4" src="yellow.png" width="150"></div> 
    <div class="titel"><img height="60" id="block5" src="pink.png" width="150"></div> 
</div><br> 
<table> 
    <tr> 
     <td> 
      <div class="ui-sortable ui-droppable" id="droppable"></div> 
     </td> 
    </tr> 
</table> 
<script> 
    var round = false; 
    $(function() { 

    $(".draggable").draggable({ 
    connectToSortable: "#sortable", 
    helper: "clone", 
    revert: "invalid" 
    }); 

    $(".titel").draggable({ 
     revert: "invalid", 
     helper: "clone" 
    }); 
    $("#droppable").droppable({ 
     activeClass: "ui-state-default", 
     hoverClass: "ui-state-hover", 
     drop: function(event, ui) { 
      var newClone = $(ui.helper).clone(); 
      $(this).append(newClone); 
     } 
    }); 
    }); 

    $("html").on("drop", function(event, ui) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    var hoi = $(ui.draggable); 
    debugger; 
    if(hoi.hasClass("p") && hoi.hasClass("ui-draggable-dragging")){ 
    alert("yo"); 
    hoi.innerHTML = "<p contenteditable='true'>type here<\/p>"; 
    } 
    }); 

    $(document).click(function(e) { 
     console.log(e); 
     var el = $(e.target).parent(); 
     if(el.hasClass("ui-draggable-dragging")){ 
      el.hide(); 
     } 

    }) 

    $(".ui-draggable-dragging").click(function(){ 
    $(this).hide(); 
    }); 

</script>

источник

2015-11-17 Peter verleg