如何将元素从一个网格拖到另一个网格？

有没有人试图将一个细胞从一个Gridster拖到另一个？ 我一直试图让它工作……但没有运气。 有什么帮助吗？

Answer 1

这是拖放到网格中的示例。 这只是你要求的一半，但我怀疑有人可以看到一个项目在其网格外拖动到另一个..

以下是通过双击将项目从一个网格移动到另一个网格的示例。 这是一个开始。

$(function () { //DOM Ready $(".gridster ul").gridster({ widget_margins: [5, 5], widget_base_dimensions: [100, 120] }); var gridster = $(".gridster ul").gridster().data('gridster'); var gridster2 = $(".gridster2 ul").gridster().data('gridster'); $("#dragFrom").draggable(); $(".gridster ").droppable({ drop: function (event, ui) { $("#dragFrom").attr("style", 'position: relative;'); var widget = gridster.add_widget('
Ukulele Boat
', 1, 1); widget.dblclick(function (widget) { widget = gridster.remove_widget(this); var gridster2 = $(".gridster2 ul").gridster().data('gridster'); widget = gridster2.add_widget('
Ukulele Boat
', 1, 1); widget.dblclick(function (widget) { gridster2.remove_widget(this); }); }); } }); $(".gridster2 ").droppable({ drop: function (event, ui) { var widget = gridster2.add_widget('
Electric Goldfish
', 1, 1); widget.dblclick(function (widget) { widget = gridster2.remove_widget(this); var gridster = $(".gridster ul").gridster().data('gridster'); widget = gridster.add_widget('
Electric Goldfish
', 1, 1); widget.dblclick(function (widget) { gridster.remove_widget(this); }); }); $("#dragFrom").attr("style", 'position: relative;'); } }); 

}）;