添加“删除”后Gridster无法正常工作

Question

我正在使用gridster并添加了删除功能，因此我可以删除该框。 现在，当我删除任何一个盒子时，对齐失真，并且留下了空白区域。而且当我试图拖放盒子来改变它们的位置时，这些盒子是重叠的（请参考图片）

如果没有应用删除功能，每件事情都可以正常工作。

我创建了一个jsfiddle.net/NMF5n/5/ Jsfiddle

请帮助。

在此先感谢。

Answer 1

看着Gridster网站和演示http://gridster.net/#demos，我找到一个方法来删除项目：

gridster.remove_widget(... the item ...); 

因此，使用它你的样品中：

$(".del_img").click(function(){ 
    gridster.remove_widget($(this).parent()); 
}); 

哪里gridster是：

var gridster = $(".bla").gridster({ 
    widget_margins: [10, 10], 
    widget_base_dimensions: [140, 140], 
    widget_selector : "div", 
    resize: { 
     enabled: true 
    } 
}).data('gridster'); 

看小提琴更新：http://jsfiddle.net/NMF5n/7/