在砌体调整大小之前如何执行代码

Question

我正在使用砌体进行布局。 当浏览器的窗口调整大小时，我想在Masonry重做布局之前执行一些计算。

到现在为止，我已经能够通过修改jquery.masonry.js文件并向选项添加回调函数来做到这一点。 但是我宁愿不修改砌体代码就这样做。

添加的选项如下（砌体初始化）：

$container.masonry({
    itemSelector  : '.grid-element'
    , preResizeCallback : doPreResize
    , isResizable : true
});

然后在doPreResize执行我需要做的任何事情。 .js文件中的修改在resize功能中（版本v2.0.110927在第293行附近）：

resize : function() {
  //added callback to be called before doing resizing-related code
  if (this.options.preResizeCallback)
  {
      this.options.preResizeCallback(this.element);
  }
  //rest of code

我想做的是将isResizable选项设置为false来初始化Masonry，然后半手动触发调整大小，同时保持智能调整大小事件。

是否可以设置“智能调整大小”事件来调用诸如resizeLayout的函数？

function resizeLayout(event) {
    //do precalculations

    //tell masonry to reorganize layout
    $container.masonry();
}

我所缺少的是如何设置调整大小事件，以使其不会持续触发，而是在isResizable为true时以与Masonry相同的方式进行。

Answer 1

我可以这样设置活动：

jQuery(window).bind( 'smartresize.masonry', function(){
    $container.masonry();
});

但是，这丢失了Masonry的优化方法，在这种优化方法中，仅当适合容器的列数发生变化时才重新排列砖块。 相反，如果我使用

jQuery(window).bind( 'smartresize.masonry', function(){
    $container.masonry("resize");
});

我最终使用了一个未记录的内部函数。

Answer 2

石工可以将 / unbind绑定到resize事件。

我遇到了同样的问题，但是通过初始化“未绑定”的砌体到resize事件来解决此问题，然后以相同的方式编写了一个调用该砌体的resize函数，但是在我想先执行代码之后。

$container.masonry({
    isResizeBound: false
});

$(window).bind('resize', function() {
    someFunction();
    $continer.masonry({
        isResizeBound: false
    });
});