Question

在我的项目中，我使用Masonry插件来组织我的块。所以我想知道在砌体完成它的任务之后是否会发生任何事件？我已经尝试过这个代码，除了重新排序我的块之外没有做任何事情......

jQuery(document).ready(function () {
    // also tried in jQuery style
    var msnry = new Masonry(document.getElementById('timeline'), {itemSelector : 'article'});
    // doesn't fire
    msnry.on( 'layoutComplete', function( msnryInstance, laidOutItems ){
        console.log('layout done, just this one time');
        return true;
    });
})

Answer 1

在您将事件绑定到完成处理程序之前，layout事件已完成。您可以再次调用.layout()方法，这将触发该方法。

jQuery(document).ready(function () {
    // also tried in jQuery style
    var msnry = new Masonry(document.getElementById('timeline'), {itemSelector : 'article'});
    // doesn't fire
    msnry.on( 'layoutComplete', function( msnryInstance, laidOutItems ){
        console.log('layout done, just this one time');
        return true;
    });

    // Triggers the onLayoutComplete.
    msnry.layout();
})

如何抓住砌体结束？

1 个答案: