Gridster，窗口小部件在宽度大于网格宽度时不渲染

Question

我使用带12列网格的gridsterJS。

我用add_widget()方法添加小工具dinamycally。

小工具显示正确。但是，如果我把一个sizex为6或更多的小部件出现在DOM中，它的高度是正确的，但它的宽度是0px。

然后，窗口小部件是存在的，但杜到0像素宽度，我们看不到它视觉

在下面的示例仅在两个中的一个是可见的。如果我从7到6更改manualy的SIZEX然后两个小部件都ok：

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