Gridster，当其宽度大于网格宽度时，小部件不呈现答案

【问题标题】：Gridster, widget doesnt render when its width is more than the width of the gridGridster，当其宽度大于网格宽度时，小部件不呈现
【发布时间】：2013-06-24 12:35:11
【问题描述】：

我使用带有 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>

【问题讨论】：

标签： javascript gridster

【解决方案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');

【讨论】：