javascript - 在 gridster js 中创建空白空间的方法

Question

我正在 jquery 中做元素，将公交 map 显示为行和列。为此，我使用 gridster.js 来显示座位安排。我有以下代码

$(".gridster ul", xxxMapContainerST).each(function(){ 
            var gridster =$(this).gridster({ 
                widget_margins : [ 1, 1 ], 
                widget_base_dimensions : [ 30, 30 ], 
                draggable : false, 
                avoid_overlapped_widgets : false, 
                extra_rows : 0, 
                extra_cols : 0, 
                resize:false                                         
            }).data('gridster').disable(); 
        });

这里出现的问题是当我想显示空座位时，即不是 Angular 座位。 空座位由相邻座位填充(由垂直向下位置的座位填充)。它会导致严重的错位。 我已经用谷歌搜索了。没有找到明显的解决方案。任何人都请为这个问题做一些补救措施。

下面的链接提出了同样的问题，但没有找到答案

Make gridster.js tiles stick in specific grid positions (snap to grid)

Answer 1

我正在经历类似的事情。可能是我回答得太晚了!但是您在此处提到的演示链接使用的是更好的 Gridster“版本”。

例如, 我在gridster官网下载的包是v0.5.6 - 2014-09-25

由演示组成的是 - v0.6.10 - 2015-05-31

如果你还想升级你的应用以下是 CSS 和 JS 的下载链接记者:http://dsmorse.github.io/gridster.js/dist/jquery.gridster.min.jsCSS:http://dsmorse.github.io/gridster.js/dist/jquery.gridster.min.css