Gridster.js add_widget hangs at page load

[Priyankasurya]

I'm using Gridster ( v0.7.0 - 2017-03-27 ) for my web site, and i need to add lot of widgets with "add_widget" command. While adding multiple gridster instances on the same page, page loads forever or hang during page load. Tested it on both Chrome & Firefox browser and issue exits.

Tried the solution provided here: #166 But it does't work.

Any ideas how to fix this problem?

Here's my code:

var gridster = [];

for(i=0; i<=5 ; i++){
gridster[i]=$(".gridster ul.grid"+i).gridster({
widget_base_dimensions: [5, 5],
widget_margins: [5, 5],
shift_widgets_up: false,
shift_larger_widgets_down: false,
collision: {
wait_for_mouseup: true
},
avoid_overlapped_widgets: true
}).data('gridster');

$.each(widgets[i], function (j, widget) {
     gridster[i].add_widget.apply(gridster[i], widget)   
});       

}