jquery - 当拖放到Jquery ui中的droppable div中时，为什么可拖动元素的克隆正在还原？

我想在给定的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 is here。

最佳答案

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

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