Gridster, виджет не отображается, когда его ширина больше ширины сетки

Я использую gridsterJS с сеткой из 12 столбцов.

Я динамически добавляю виджеты с помощью метода 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
person Soufiane Ghzal    schedule 24.06.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Ответ на 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');
person Soufiane Ghzal    schedule 04.07.2013