jquery - 为什么在 Jquery ui 中的可拖放 div 中拖放可拖动元素的克隆会还原？

Question

我想让图像在给定的 div 上可拖动。我想使用小图像的克隆将其拖放到 div 中。我的代码是

HTML

    <div class="option" id="f">
    <img class="options" src="http://lorempixel.com/output/people-h-g-49-66-3.jpg" alt=""/>
</div>
<div class="lame">
    <img src="http://placehold.it/350x150" alt=""/>
</div>

jQuery

              $(function() {
    $( ".options" ).draggable({ cursor: "pointer",opacity: 0.6,helper: "clone"
        });
    $(".lame").droppable({ accept:".options"
    });
});

如果我不使用帮助器：“克隆”，则此代码可以正常工作。使用新的 jQuery 和 jQuery ui 版本正确执行此拖放过程的正确方法是什么。Jsfiddle在这里。

Answer 1

将您的代码修改.lame.droppable(为以下内容。

$(".lame").droppable({ accept:".options",drop: function(event, ui) {
    $.ui.ddmanager.current.cancelHelperRemoval = true;}
});