gridster,如何自动适应浏览器大小的变化？

Question

我正试图找到一种方法来自动调整gridster容器的大小.

以某种方式,当用户更改浏览器大小时,相应的gridster小部件会调整大小.(其中列数和行数不会改变,但实际大小会改变)

随着浏览器大小的变化,我可以计算"widget_base_dimensions"的值,

但是我找不到更新/执行小部件以应对新大小的方法.

我正在寻找是否有支持这种功能的功能,我注意到了

在jquery.gridster.js的第3529行,

/**
* Recalculates the offsets for the faux grid. You need to use it when
* the browser is resized.
*
* @method recalculate_faux_grid
* @return {Object} Returns the instance of the Gridster class.
*/
fn.recalculate_faux_grid = function() {
    var aw = this.$wrapper.width();
    this.baseX = ($(window).width() - aw) / 2;
    this.baseY = this.$wrapper.offset().top;

    $.each(this.faux_grid, $.proxy(function(i, coords) {
        this.faux_grid[i] = coords.update({
            left: this.baseX + (coords.data.col -1) * this.min_widget_width,
            top: this.baseY + (coords.data.row -1) * this.min_widget_height
        });

    }, this));

    return this;
};

我尝试了一些如何利用它们但失败了:(

如果有人成功使用此代码或解决问题,您能帮助我吗？

Answer 1

Github 上的项目问题跟踪上有一个长期存在的问题 #5 ，标题为“自动刷新 - 响应式网格”，还有其他几个问题因重复项而关闭。在那里你会发现人们发布的代码试图增加 gridster 的响应能力。