"삭제"를 추가 한 후 Gridster가 제대로 작동하지 않습니다.

Question

gridster를 사용하고 있으며 삭제 기능을 추가하여 상자를 삭제할 수 있습니다. 이제 상자 중 하나를 삭제하면 정렬이 왜곡되고 빈 공간이 생깁니다. 그리고 상자를 드래그 앤 드롭하여 위치를 변경하려고하면 상자가 겹칩니다. (이미지 참조)

삭제 기능을 적용하지 않으면 모든 것이 잘 작동합니다.

는 I는 jsfiddle.net/NMF5n/5/ Jsfiddle

이 도와주세요 만들었습니다.

미리 감사드립니다. 그래서

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

를 사용하여 샘플 : Gridster 웹 사이트 및 데모 http://gridster.net/#demos 보면

Answer 1

, 나는 항목을 삭제하는 방법을 찾을

$(".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/