同位素:在reLayout之前调整元素大小

时间:2013-05-03 01:10:04

标签: javascript jquery

我想在同位素网格中调整一些元素的大小。

希望每次窗口调整大小时都会发生这种情况。 我只想在同位素的reLayout函数之前使用它。

有没有办法可以做到这一点? 在reLayout之前的任何回调?

感谢名单!

1 个答案:

答案 0 :(得分:1)

我发现了一种方法。 我已经用中心砌体模式扩展了同位素。 在扩展调整大小功能中,我对同位素元素进行了大小调整, 然后触发了一个调整大小(不知道这是否是一个正确的方法),这就行了。

现在,每当同位素想要重新布局时,就在它之前,我会重新调整元素的大小!

以下是代码:

$.Isotope.prototype._masonryResizeChanged = function () {

            //  Resize elements

            //Code that sets a new width for all elements

            // Force a relayout
            $('#container').isotope( 'reLayout');

            //Rest of the overriden method
            var prevColCount = this.masonry.cols;
            // get updated colCount
            this._getCenteredMasonryColumns();
            return ( this.masonry.cols !== prevColCount );
        };