Próbuję znaleźć sposób, aby automatycznie zmienić rozmiar pojemnika siatki.gridster, jak automatycznie dopasować do zmiany rozmiaru przeglądarki?
W taki sposób, że gdy użytkownik zmienia rozmiar przeglądarki, odpowiadający gridster widgety przeskalowane. (w których liczba kolumn i wierszy nie zmienia, ale rzeczywisty rozmiar będzie)
mogę obliczyć wartości dla „widget_base_dimensions” jak zmiany rozmiaru przeglądarki,
jednak nie mogłem znaleźć sposób, aby zaktualizować/wykonaj widgety, aby poradzić sobie z nowym rozmiarem.
szukałem jeśli istnieje funkcja, która obsługuje ten rodzaj funkcji i zauważyłem, że
on line 3529 na 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;
};
Próbowałem niektóre jak je wykorzystać ale nie :(
Jeśli ktoś z powodzeniem wykorzystany ten kod lub obejść, czy możesz mi pomóc?
miałeś szczęścia z tym? – Cole
powinien określić szerokość manuel nad wymiaru bazowego '.gridster li {width: 34%;}' procent stałaby się dopasować do ekranu – Harish
lepsze wykorzystanie Packery.js, gridster wydaje się być nieobsługiwane już – Denis