Question

我有两个HTML div元素，一个源命运;每个内部都有帆布元素。我希望能够使用jQuery UI将这些画布中的一个从源div拖放到命运div中。

问题在于，一旦画布被删除，它在命运div中的新位置就不会如预期的那样，我无法纠正它。

以下是我正在处理的代码：http://jsfiddle.net/Mf6zJ/1/

有关如何纠正此问题的任何想法？

由于

Answer 1

Jquery droppable工作正常。 drop事件处理程序能够将画布附加到destiny。因为，draggable为画布添加了一些样式，画布看起来就像是在destiny div之外。

在这里，解决这个问题的一种方法是容易。

$("#destiny").droppable({
    accept: "#source > canvas",
    drop: function(event, ui) {
        ui.draggable.appendTo($(this)).removeAttr('style');
    }
});

这是fiddle。

Answer 2

您尝试使用droppable方法的回调函数附加可拖动画布。这不是必要的，因为已经发生了下降。

示例：http://jsfiddle.net/Mf6zJ/2/

来源：http://jqueryui.com/demos/droppable/

希望这能解决您的问题

使用jQuery UI删除元素位置问题

2 个答案: