Question

我左边有一堆照片，我想将它们拖到右边的一个插槽中，但是当我将图像拖到右边的插槽中时，左边的那个会消失。

我将helper: 'clone'添加到我的可拖动功能中，它仍在移除它。我正在使用ui.draggable.css定位来将拖动的元素定位在插槽的顶部。我认为这可能是问题，但我不确定如何解决它？

有没有办法在拖动对象之前克隆对象，然后将拖动的项目捕捉到可放置的位置？无需使用.css手动将可拖动项目移动到插槽的上方。

Answer 1

实现您所要求的最简单方法是将其与droppable类结合使用。这是我所指的基本概念：

<img class="draggable" src="http://jsfiddle.net/img/keys.png">
<img class="draggable" src="http://jsfiddle.net/img/logo.png">
<img class="draggable" src="http://jsfiddle.net/img/info-close.png">

<div id="dropzone" class="dropzone" style=""></div>


$(function() {
    $(".draggable").draggable({
        helper: "clone",
        grid: [ 20,20 ]
    });
    $("#dropzone").droppable({
        drop: function(event, ui) {
            $this.append(ui.draggable);
        }
    });
});

我也为你添加了一个jsfiddle（http://jsfiddle.net/fordlover49/deb9W/）。

jQuery UI Draggable Helper问题？

1 个答案: