1

我使用带有 12 列网格的 gridsterJS。

我用方法动态地添加小部件add_widget()。

小部件正确显示。但是，如果我放置一个 sizex 为 6 或更大的小部件，它会出现在 DOM 中，并且它的高度是正确的，但它的宽度是 0px。

然后小部件出现了，但是由于 0px 宽度，我们无法在视觉上看到它

在以下示例中，只有两者之一可见。如果我将 sizex 从 7 手动更改为 6。那么这两个小部件就可以了：

<ul style="position: relative; height: 180px;">

    <li class="gs_w" style="opacity: 1; display: list-item;" data-col="1" data-row="3" data-sizex="7" data-sizey="1"></li>
    <li class="gs_w" style="opacity: 1; display: list-item;" data-col="1" data-row="1" data-sizex="3" data-sizey="2"></li>

</ul>
4

1 回答 1

1

在 github 上回答：https ://github.com/ducksboard/gridster.js/issues/200#issuecomment-20469120

发现问题了，要设置max_size_x和max_size_y

gridster=$(".gridster ul").gridster({
    widget_margins: [6, 6],
    widget_base_dimensions: [59, 59],
    max_size_x: 9,
    max_size_y: 8
}).data('gridster');
于 2013-07-04T18:50:11.603 回答