添加"删除"后,Gridster无法正常工作

时间:2014-09-01 11:00:17

标签: javascript jquery jquery-plugins

我正在使用gridster并添加了删除功能,以便我可以删除该框。 现在,当我删除任何一个框时,对齐方式会失真,并且还有一个空白区域。而且当我尝试拖放框来改变它们的位置时,这些框重叠。(请参考图片)

如果未应用删除功能,则每件事都可以正常工作。

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

请帮忙。

提前致谢。

enter image description here enter image description here

1 个答案:

答案 0 :(得分:2)

查看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/