1

我有两个 HTML div 元素，一个来源一个命运；每个里面都有画布元素。我希望能够使用 jQuery UI 将这些画布之一从源 div 拖放到命运 div 中。

问题是一旦画布被丢弃，它在命运 div 中的新位置并不像预期的那样，我无法纠正这一点。

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

关于如何纠正这个问题的任何想法？

谢谢

4

2 回答 2

2

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

在这里，一种快速轻松地解决此问题的方法。

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

这是小提琴。

于 2012-06-10T12:36:37.870 回答
0

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

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

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

希望这能解决你的问题

于 2012-06-10T12:32:06.290 回答