Question

我想将一些图像从div拖到另一个div ...我有一个div容器，还有5个div，在这5个div中有一些png。我需要的是逐个拖动这些png从第1个div到id =“dropspot”的div然后单击“next button”更改为容器中的第二个div并清除dropspot div，依此类推第5分区

我尝试了一些东西，但不是我需要的东西:(这些功能使所有图像都可以拖动，我只需要容器内的图像可拖动。

这是一个小提琴：http://jsfiddle.net/ygaw2/7/

和一些代码：

$(function() {
    $( "#container img" ).draggable();
    ({
    containment: "#container",    
    revert: "invalid",
    helper: "clone"

    });
    $( "#dropspot" ).droppable({

      tolerance: 'fit',

      drop: function( event, ui ) {


      }
    });
  });

Answer 1

尝试此解决方案：http://jqueryui.com/droppable/#photo-manager 在我看来，就像你想要它一样。

在droppable回调中，您可以清除可放置的元素内容。

修改

你所需要的一切就是在那个例子中我只链接了一件事：

$( "#container img" ).draggable({ containment: "#container", revert: "invalid", helper: "clone" });

删除（）;可拖动后

将图像从一个div拖放到另一个div

1 个答案: