2014-09-01 72 views
1

我正在使用gridster並添加了刪除功能,因此我可以刪除該框。 現在,當我刪除任何一個盒子時,對齊失真,並且留下了空白區域。而且當我試圖拖放盒子來改變它們的位置時,這些盒子是重疊的(請參考圖片)添加「刪除」後Gridster無法正常工作

如果沒有應用刪除功能,每件事情都可以正常工作。

我創建了一個jsfiddle.net/NMF5n/5/ Jsfiddle

請幫助。

在此先感謝。

enter image description hereenter image description here

回答

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/

+0

非常感謝@Nicolas。有效 :) – 2014-09-01 11:31:09

相關問題