Question

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

我使用add_widget()方法在dinamycally添加小部件。

小部件正确显示。但是如果我放置一个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>

Answer 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');

Gridster，widget的宽度超过网格宽度时不会渲染

1 个答案: