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
Du musst angemeldet sein, um einen Kommentar abzugeben.
Gibt es seit langem Ausgabe #5 auf Projekt-Thema tracket bei Github, mit dem Titel Auto-refresh - Responsive grid und mehrere andere geschlossen als Duplikate. Dort findest du den code, geschrieben von Menschen, die versuchen, um die Reaktionsfähigkeit zu gridster.