为什么克隆一个可拖动的元素在Jquery ui中放入一个droppable 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"
    });
});

如果我不使用帮助程序，此代码可以正常工作：“clone”。什么是正确的方法来使用新的Jquery和Jquery ui版本正确地拖放进程。 Jsfiddle是Here!!。请尽快帮助。

Answer 1

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

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