Gridster. js не отображается должным образом при загрузке страницы

Question

Я использую библиотеку , следующую за Gridster , для создания динамического макета сетки c и задаюсь вопросом, почему мои сетки не отображаются должным образом при загрузке страницы. Я добавил несколько цветов фона для отображения элементов.

Вот как они выглядят, когда я загружаю свою страницу.

Вот как они выглядят после того, как я перетащил или изменил размер плитки.

Вот скрипт, который работает на странице.

<script>
    function pageLoad() {
        gridster = $(".gridster ul").gridster({
            widget_margins: [10, 10],
            widget_base_dimensions: [140, 140],
            resize: {
                enabled: true,
            }

        }).data('gridster');
    }
</script>

Кроме того, все остальное стандартно. Есть ли в моем теге Script что-то, что правильно инициализирует Grid после запуска перетаскивания / изменения размера, что я мог бы также иметь при загрузке страницы?