Question

我正在使用jQuery创建拖放页面。使用下面的代码，您可以正常地将删除的对象放在变量中。

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

但我使用：

 helper: "clone"

我创建的变量dropVar将包含正常的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>

Answer 1

您应该能够使用以下内容访问帮助程序对象：

ui.helper[0]

如果有帮助，请告诉我。

Jquery拖放，获取删除的CLONE而不是常规drop

1 个答案: