gpt4 book ai didi

javascript - 如何捕捉 Masonry 结束?

转载 作者:行者123 更新时间:2023-11-28 08:34:38 25 4
gpt4 key购买 nike

在我的项目中,我使用 Masonry 插件来组织我的 block 。所以我想知道在 Masonry 完成其任务后是否会触发任何事件?我已经尝试过这段代码,除了按应有的方式重新排序我的 block 之外,它没有执行任何操作...

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;
});
})

最佳答案

layout 事件在您将事件绑定(bind)到完成处理程序之前就已完成。您可以再次调用 .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();
})

关于javascript - 如何捕捉 Masonry 结束?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21386373/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com