Gridster.js在页面加载时无法正确显示

Question

我正在使用following Gridster库来创建动态网格布局，并且想知道为什么我的网格在页面加载时不能正确显示。我添加了一些背景颜色以实际显示元素。

这是我加载页面时的样子。

这是我拖动或调整图块大小后的样子。

这是在页面上运行的脚本。

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

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

除此之外，其他所有标准都是库存标准。触发拖动/调整大小后，我的Script标记中是否有东西可以正确初始化Grid？

Answer 1

问题在于，网格标记中存在DIV标签中的“浮动”样式属性，这会影响元素的位置。在页面加载上面的第二张屏幕截图中给出了示例，将其删除。