gridster, wie die automatische Anpassung an browser-Größe verändern?

Ich versuche einen Weg zu finden, um die automatische Größenanpassung gridster-container.

In einer Weise, dass, wenn der Benutzer die änderungen der browser-Größe, entsprechende gridster widgets in der Größe verändert.
(In der Anzahl der Spalten und Zeilen nicht ändern, aber die tatsächliche Größe wird)

Kann ich berechnen Sie die Werte für "widget_base_dimensions" als browser-Größe ändert,

aber ich konnte nicht einen Weg finden, zu aktualisieren/ausführen, um die widgets zu bewältigen, neue Größe.

Suchte ich, wenn es eine Funktion unterstützt dieses feature und ich bemerkte, dass

in Zeile 3529 auf jquery.gridster.js,

/**
* 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;
};

Ich versucht, einige, wie Sie verwendet werden können, aber gescheitert 🙁

Wenn jemand erfolgreich genutzt dieser code oder umgehen, können Sie mir bitte helfen?

  • hatten Sie kein Glück mit diesem?
  • Sollten definieren, manuel Breite über der Basis, dimension .gridster li{width:34%;} Prozentsatz würde es an Bildschirm anpassen
  • besser verwenden Packery.js, gridster scheint nicht unterstützt mehr
  • Haben Sie kein Glück mit diesem? Ich kam vor kurzem in den container Breite problem, und entdeckt, dass die gleiche Funktion in der Gridster-Quelle, aber ohne Freude, es zu benutzen... ich heb ein Problem auf GitHub, aber hab nirgends noch... github.com/ducksboard/gridster.js/issues/525
InformationsquelleAutor user2205425 | 2013-11-21
Schreibe einen Kommentar