Gridster.js add_widget在页面加载时挂起

Question

我正在为我的网站使用Gridster（v0.7.0-2017-03-27），我需要使用“ add_widget”命令添加许多小部件。在同一页面上添加多个gridster实例时，页面将永久加载或在页面加载期间挂起。在Chrome和Firefox浏览器上对其进行了测试，并退出了问题。

尝试了此处提供的解决方案：Gridster add_widget is slow但它不起作用。

你能帮我吗？我的代码有问题吗？

我的代码：

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)   
    });       
}