私はpackeryを使用していますが、それは良さそうです-私が本当にやろうとしているのは、ロード時に移行することです。
組み込みの機能を使用してアイテムを追加 (追加) すると、移行がうまくいきますが、これらのアイテムを追加することなく、ロード時に最初のタイルのロットでそれを取得しようとしています。
これは私が実行するコードです
function runPackery() {
$container = $('#main').packery({
itemSelector: '.module',
columnWidth: 320,
//disable resize
isResizeBound: false,
transitionDuration:"0.8s"
});
var pckry = $container.data('packery');
var gutter = pckry.options.gutter || 0;
var columnWidth = pckry.options.columnWidth + gutter;
function onResize() {
var outsideSize = getSize( $container.parent()[0] ).innerWidth;
var cols = Math.floor( outsideSize / ( columnWidth ) );
// set container width to columns
$container.width( cols * columnWidth - gutter )
// manually trigger layout
$container.packery();
}
// debounce resize event
var resizeTimeout;
$( window ).on( 'resize', function() {
if ( resizeTimeout ) {
clearTimeout( resizeTimeout );
}
resizeTimeout = setTimeout( onResize, 100 );
})
// initial trigger
onResize();
}
そして、そのコードは、jQuery で準備が整ったドキュメントで実行されます。
これを有効にするためのオプションがドキュメント内に表示されません - オプションになると思いました
誰でも助けることができますか?
乾杯