如何将draggable放入gridster

Question

有谁知道是否可以将draggable元素放入gridster？ http://gridster.net/#documentation

这似乎对我的目的很好，但你可以通过删除它们添加到网格吗？

我想将图像拖入栅格。有可能吗？ 我可以看到这个样本吗？

如果这是不可能的，你知道任何替代品吗？

我需要将图像拖入div内的离散位置，并能够保存位置以及在画布内部移动图像。

Answer 1

你绝对可以做到这一点。它只是宣布可拖动和可拖动元素的问题。这jsfiddle会给你一个想法。

$(".gridster ul").gridster({ 
    widget_margins: [5, 5], 
    widget_base_dimensions: [50, 50] 
}); 

var gridster = $(".gridster ul").gridster().data('gridster'); 
$("#draggable").draggable(); 
$(".gridster ").droppable({ 
    drop: function (event, ui) { 
     $("#draggable").removeAttr("style"); 
     gridster.add_widget(
     '<li class="new"> 
      <img src="http://www.sparity.com/images/facebookIcon.jpg" alt="facebook"> 
     </li>', 1, 1); 

    } 
});