Jquery 在引导面板中使用gridstack时速度减慢

我使用Gridstack.js创建了一个由可拖动面板组成的网格，效果非常好。当我把我的网格放在一个引导“面板”中时，当我拖动大面板时，事情会变得非常缓慢和无响应。很奇怪

以下是我的标记：

<div class="panel panel-default">
    <div class="panel-heading">
        DETAILS
    </div>
    <div class="panel-body">
        <div class="panel panel-default" id="reportPanel">
            <div class="panel-heading">
                Report Panel
            </div>
            <div class="panel-body panelBackground">
                <div class="grid-stack" id="mainGrid">
                </div>
            </div>
        </div>
    </div>
</div>

细节
报告小组

还有我的js：

//startup gridstack
$('.grid-stack').gridstack({cell_height: 80, vertical_margin: 10});

var gridObject = $('#mainGrid');
var grid = gridObject.data('gridstack');
grid.remove_all();

grid.batch_update();
_.each(panelInformationArray, function (node) {
    var widget = '<div class="grid-stack-item">';
    widget += '<div class="grid-stack-item-content"></div>';
    widget += '</div>';
    grid.add_widget(widget,
                    node.X,
                    node.Y,
                    node.Width,
                    node.Height, false);
});
grid.commit();

//启动gridstack
$（'.grid stack'）.gridstack（{单元格高度：80，垂直间距：10}）；
var gridObject=$（“#主网格”）；
var grid=gridObject.data（'gridstack'）；
grid.remove_all（）；
grid.batch_update（）；
_.each（面板信息数组、函数（节点）{
var小部件=“”；
widget+=''；
widget+=''；
grid.add_小部件（小部件，
node.X，
node.Y，
节点宽度，
节点高度，假）；
});
提交（）；

---

如果我将相同的网格移到面板外，它会很好地工作。知道发生了什么吗？

我也有同样的问题，你找到答案了吗？