Javascript 使用add_小部件方法时Gridster网格高度不正确

我在我的站点上使用gridster插件，并使用add_widget方法插入内容，因为widget内容是从数据库中拉入的

但是，当添加小部件时，网格的高度不会根据内容进行调整——它保持为我指定的最小行，并且小部件会溢出网格。并且可能会导致小部件重叠并放置在错误的位置

这是我的密码：

var gridster2;

var serialization = [{
    "col": 1,
    "row": 1,
    "size_x": 4,
    "size_y": 29
}];

gridster2 = $(".gridster ul").gridster({
    widget_margins: [8, 8],
    widget_base_dimensions: [62, 62],
    widget_selector: "li",
    max_cols: 12,
    min_cols: 12,
    min_rows: 4,
    avoid_overlapped_widgets: true,
    resize: {
        enabled: false
    }
}).data('gridster').disable();

$.each(serialization, function (i, widget) {
    gridster2.add_widget('<li id="view_elem1"><span class="gridster_content">Hello world</span></li>', widget.size_x, widget.size_y, widget.col, widget.row);
});

var-gridster2；
变量序列化=[{
“col”：1，
“行”：1，
“尺寸x”：4，
“尺寸y”：29
}];
gridster2=$（“.gridster ul”）.gridster({
小部件_页边距：[8,8]，
小部件基础尺寸：[62,62]，
小部件_选择器：“li”，
马克斯：12岁，
min_cols:12，
最小行数：4，
避免重叠的小部件：true，
调整大小：{
已启用：false
}
}).data（'gridster'）.disable（）；
$.each（序列化、函数（i、小部件）{
gridster2.添加widget（“
Hello world
”，widget.size\u x，widget.size\u y，widget.col，widget.row）；
});

这里有一个

和硬编码的相同内容，而不是使用add_小部件方法

---

有没有办法解决这个问题？

我也有同样的问题。这只发生在您只添加一个小部件时，如果您添加了另一个小部件，网格将重新调整大小

在您的示例中，您可以通过将min_行设置为29（或小部件的最大高度）轻松解决问题